

@import url('style-1.css');
@import url('style-2.css');
@import url('style-3.css');

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, main, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0px;
  padding: 0px;
  border: 0px;
  font: inherit;
  vertical-align: baseline;
}
.kAjssd {
  height: 24px;
  width: 1px;
  background: rgb(230, 230, 230);
  margin: 0px 18px;
}
.fIPEUP {
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}

.fIPEUP {
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}

.gZprqq {
  position: fixed;
  display: flex;
  flex-flow: row nowrap;
  left: 0px;
  bottom: 24px;
  z-index: 150;
}

.kRuSvk {
  vertical-align: inherit;
}

.hFFOQk {
  font-family: inherit;
  font-weight: 900;
  vertical-align: inherit;
  font-size: 24px;
  margin-left: 12px;
}


.fIPEUP {
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}

.gZprqq {
  position: fixed;
  display: flex;
  flex-flow: row nowrap;
  left: 0px;
  bottom: 24px;
  z-index: 150;
}

.kRuSvk {
  vertical-align: inherit;
}

.dbOata {
  max-width: 100%;
  min-height: 100vh;
  width: 100%;
}


.fIPEUP {
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}

.zPuL {
  z-index: 100;
  position: sticky;
  width: 100%;
  top: 0px;
  transform: translate3d(0px, 0px, 0px);
}


.fIPEUP {
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}

.iVawuy {
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(20px);
  transform: translateZ(0px);
}

.iVawuy {
  background: rgb(255, 255, 255);
  color: rgb(4, 4, 5);
}

.getUbo {
  color: rgb(4, 4, 5);
}

@media screen and (min-width: 981px) {
  .dlDoMu {
    padding-left: 32px;
    padding-right: 32px;
  }
}

@media screen and (min-width: 768px) {
  .dlDoMu {
    padding-left: 28px;
    padding-right: 28px;
  }
}

@media screen and (min-width: 578px) {
  .dlDoMu {
    padding-left: 24px;
    padding-right: 24px;
  }

  .dlDoMu {
    padding-left: 16px;
    padding-right: 16px;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
    height: 78px;
    -webkit-box-pack: justify;
    justify-content: space-between;
    vertical-align: inherit;
    max-width: 100%;
    min-height: 0px;
    min-width: 0px;
    flex-shrink: 0;
    flex-basis: auto;
    display: flex;
  }
}


.gZprqq {
  position: fixed;
  display: flex;
  flex-flow: row nowrap;
  left: 0px;
  bottom: 24px;
  z-index: 150;
}

.hlnpWc {
  border-width: 0px;
  border-style: solid;
  border-color: rgb(4, 4, 5);
}

.jdZRXb {
  padding-left: 16px;
  padding-right: 16px;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}

.fknUES {
  background-color: rgb(255, 255, 255);
  padding-left: 15px;
  padding-right: 15px;
  min-height: 44px;
  border-radius: 44px;
  border: 1px solid transparent;
  box-shadow: rgba(0, 0, 0, 0.08) 0px 8px 40px;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  align-items: center;
}

.liyuQc {
  font-family: inherit;
  font-weight: inherit;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 15px;
  vertical-align: inherit;
}

.eoFEFh {
  font-family: inherit;
  font-weight: 900;
  font-size: 14px;
  vertical-align: inherit;
}


.hAA-drD {
  transition: all 0.12s ease-in-out 0s;
  font-family: inherit;
  font-weight: 500;
  margin-left: 8px;
  vertical-align: inherit;
  color: inherit;
  padding: 0px;
  overflow: visible;
}

.gSIDjq {
  color: rgb(0, 102, 255);
  font-size: 15px;
  vertical-align: inherit;
  background: linear-gradient(126.49deg, rgb(0, 163, 255) 0%, rgb(0, 102, 255) 100%) text;
}

.bzLuzV {
  text-decoration: none;
  color: rgb(0, 102, 255);
}

.kkSmvU {
  opacity: 0.5;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  width: 24px;
  height: 24px;
}

.hlnpWc {
  border-width: 0px;
  border-style: solid;
  border-color: rgb(4, 4, 5);
}

.zPuL {
  z-index: 100;
  position: sticky;
  width: 100%;
  top: 0px;
  transform: translate3d(0px, 0px, 0px);
}

.hlnpWc {
  border-width: 0px;
  border-style: solid;
  border-color: rgb(4, 4, 5);
}

.fIPEUP {
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}

.iVawuy {
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(20px);
  transform: translateZ(0px);
}

.iVawuy {
  background: rgb(255, 255, 255);
  color: rgb(4, 4, 5);
}

.hlnpWc {
  border-width: 0px;
  border-style: solid;
  border-color: rgb(4, 4, 5);
}

@media screen and (min-width: 981px) {
  .dlDoMu {
    padding-left: 32px;
    padding-right: 32px;
  }

}


@media screen and (min-width: 768px) {
  .dlDoMu {
    padding-left: 28px;
    padding-right: 28px;
  }
}

@media screen and (min-width: 578px) {
  .dlDoMu {
    padding-left: 24px;
    padding-right: 24px;
  }
}


.dlDoMu {
  padding-left: 16px;
  padding-right: 16px;
  flex-direction: row;
  -webkit-box-align: center;
  align-items: center;
  height: 78px;
  -webkit-box-pack: justify;
  justify-content: space-between;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-basis: auto;
  display: flex;
}


.iVawuy > :not(:last-child) {
  margin-right: 24px;
}

.hlnpWc {
  border-width: 0px;
  border-style: solid;
  border-color: rgb(4, 4, 5);
}

.getUbo {
  color: rgb(4, 4, 5);
}

.iVawuy > :not(:last-child) {
  margin-right: 24px;
}

.crlswz > * {
  display: flex;
  -webkit-box-flex: 1;
  flex-grow: 1;
  flex-direction: column;
}

.jARayQ {
  display: inline-block;
}

body .faTBzt {
  flex-direction: row;
  -webkit-box-flex: 1;
  flex-grow: 1;
  -webkit-box-align: stretch;
  align-items: stretch;
  border: 1px solid transparent;
  background: rgba(4, 4, 5, 0.07);
  height: 40px;
  padding: 0px 16px;
  border-radius: 24px;
  transition: all 0.12s ease-in-out 0s;
}

.hlnpWc {
  border-width: 0px;
  border-style: solid;
  border-color: rgb(4, 4, 5);
}

.iYuVMx {
  margin-left: 8px;
  -webkit-box-flex: 1;
  flex: 1 0 auto;
  -webkit-box-pack: center;
  justify-content: center;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-direction: column;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}

.YYmFn {
  background: transparent;
  border-width: 0px;
  color: rgba(4, 4, 5, 0.8);
  outline: none;
  font-size: 15px;
}

.kRuSvk {
  vertical-align: inherit;
}


a {
  text-decoration: none;
}

.hpnqqY {
  font-family: inherit;
  font-weight: 900;
  font-size: 15px;
  vertical-align: inherit;
}

.bzLuzV {
  text-decoration: none;
  color: rgb(0, 102, 255);
}

.hQuszB {
  transition: all 0.12s ease-in-out 0s;
  color: rgb(4, 4, 5);
  height: 40px;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  flex-direction: row;
  cursor: pointer;
}


button, html [type="button"], [type="reset"], [type="submit"] {
  appearance: button;
}

input, textarea {
  outline: none;
}

button, input {
  overflow: visible;
}

button, input, optgroup, select, textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0px;
}

* {
  box-sizing: border-box;
  outline: none;
}

input[属性样式] {
  display: none;
}

input[type="submit" i] {
  appearance: push-button;
  user-select: none;
  white-space: pre;
  align-items: flex-start;
  text-align: center;
  cursor: default;
  color: -internal-light-dark(black, white);
  background-color: -internal-light-dark(rgb(239, 239, 239), rgb(59, 59, 59));
  box-sizing: border-box;
  padding: 1px 6px;
  border-width: 2px;
  border-style: outset;
  border-color: -internal-light-dark(rgb(118, 118, 118), rgb(133, 133, 133));
  border-image: initial;
}

[hidden] {
  display: none;
}

.hOiKLt {
  width: 14px;
  height: 14px;
  vertical-align: inherit;
}


input {
  -webkit-writing-mode: horizontal-tb !important;
  text-rendering: auto;
  color: -internal-light-dark(black, white);
  letter-spacing: normal;
  word-spacing: normal;
  text-transform: none;
  text-indent: 0px;
  text-shadow: none;
  display: inline-block;
  text-align: start;
  appearance: textfield;
  background-color: -internal-light-dark(rgb(255, 255, 255), rgb(59, 59, 59));
  -webkit-rtl-ordering: logical;
  cursor: text;
  margin: 0em;
  font: 400 13.3333px Arial;
  padding: 1px 2px;
  border-width: 2px;
  border-style: inset;
  border-color: -internal-light-dark(rgb(118, 118, 118), rgb(133, 133, 133));
  border-image: initial;
}

.hlnpWc {
  border-width: 0px;
  border-style: solid;
  border-color: rgb(4, 4, 5);
}

.hOiKLt {
  width: 14px;
  height: 14px;
  vertical-align: inherit;
}

svg:not(:root) {
  overflow: hidden;
}

.efugOO {
  color: rgb(128, 128, 128);
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
}

.efugOO {
  color: rgb(128, 128, 128);
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
}

.iVawuy > :not(:last-child) {
  margin-right: 24px;
}

.bDFHgv {
  flex-direction: row;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}

.fcnlGP {
  margin-right: 20px;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}

.hQuszB {
  transition: all 0.12s ease-in-out 0s;
  color: rgb(4, 4, 5);
  height: 40px;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  flex-direction: row;
  cursor: pointer;
}

.bzLuzV {
  text-decoration: none;
  color: rgb(0, 102, 255);
}

.hpnqqY {
  font-family: inherit;
  font-weight: 900;
  font-size: 15px;
  vertical-align: inherit;
}

.bWRvor {
  -webkit-box-align: center;
  align-items: center;
  flex-direction: row;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-basis: auto;
  display: flex;
}

.hlnpWc {
  border-width: 0px;
  border-style: solid;
  border-color: rgb(4, 4, 5);
}

.fyTlAh {
  flex-direction: row;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  flex: 0 0 auto;
  -webkit-box-pack: center;
  justify-content: center;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  display: flex;
}


.jaediC {
  font-family: inherit;
  font-weight: 500;
  vertical-align: inherit;
  width: 100%;
  overflow: hidden;
  padding: 0px;
}

.efugOO {
  color: rgb(128, 128, 128);
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
}

.hlnpWc {
  border-width: 0px;
  border-style: solid;
  border-color: rgb(4, 4, 5);
}

.fIPEUP {
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}

.kRuSvk {
  vertical-align: inherit;
}

.hlnpWc {
  border-width: 0px;
  border-style: solid;
  border-color: rgb(4, 4, 5);
}

.eUKpaw {
  -webkit-box-flex: 1;
  flex: 1 0 auto;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-direction: column;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}

.hFFOQk {
  font-family: inherit;
  font-weight: 900;
  vertical-align: inherit;
  font-size: 24px;
  margin-left: 12px;
}

.jtIZqj {
  flex-direction: row;
  -webkit-box-align: center;
  align-items: center;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-basis: auto;
  display: flex;
}

.eZBbWd {
  height: 40px;
  transition: all 0.12s ease-in-out 0s;
  transform-origin: center center;
}

.bzLuzV {
  text-decoration: none;
  color: rgb(0, 102, 255);
}

.kRuSvk {
  vertical-align: inherit;
}

.kNUHCS {
  position: fixed;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  background: rgb(255, 255, 255);
  color: rgb(4, 4, 5);
  display: none;
  flex-direction: column;
  -webkit-box-flex: 1;
  flex-grow: 1;
  z-index: 200;
}

.hQuszB {
  transition: all 0.12s ease-in-out 0s;
  color: rgb(4, 4, 5);
  height: 40px;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  flex-direction: row;
  cursor: pointer;
}

.jxdTsu {
  transition: all 0.12s ease-in-out 0s;
  color: rgba(4, 4, 5, 0.5);
  height: 40px;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  flex-direction: row;
  cursor: pointer;
}


.hlnpWc {
  border-width: 0px;
  border-style: solid;
  border-color: rgb(4, 4, 5);
}


.kBcPwt {
  flex-direction: row;
  -webkit-box-align: center;
  align-items: center;
}

.kMthTr {
  background: transparent;
  border: none;
  cursor: pointer;
  line-height: normal;
}


.kcVguc {
  display: flex;
  flex-flow: row nowrap;
  white-space: nowrap;
  background-color: rgba(4, 4, 5, 0.08);
  line-height: 40px;
  height: 40px;
  padding-left: 22px;
  padding-right: 22px;
  min-width: auto;
  border: 1px solid transparent;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  border-radius: 40px;
  font-size: 14px;
  font-weight: 900;
  font-family: inherit;
  transition: all 0.12s ease-in-out 0s;
  transform-origin: center center;
  user-select: none;
  cursor: pointer;
}

.gAApEQ {
  background-image: linear-gradient(to right, rgb(255, 0, 184) 0%, rgb(100, 161, 255) 50%, rgb(0, 102, 255) 100%);
  background-size: 200%;
  color: rgb(255, 255, 255);
  border: 0px;
  transition: all 0.5s ease-in-out 0s;
}

.kBcPwt > :not(:last-child) {
  margin-right: 8px;
}

button, html [type="button"], [type="reset"], [type="submit"] {
  appearance: button;
}

.lcA-dFo {
  height: 40px;
  width: 40px;
  border: 1px solid transparent;
  -webkit-box-align: center;
  align-items: center;
  cursor: pointer;
  outline: none;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  transition: all 0.12s ease-in-out 0s;
  border-radius: 40px;
  background-color: rgba(4, 4, 5, 0.08);
  color: rgb(4, 4, 5);
  transform-origin: center center;
}

.jdNDQo {
  border-color: rgba(4, 4, 5, 0.1);
  color: rgba(4, 4, 5, 0.8);
  background: transparent;
}

.dfTyhw {
  margin-left: 20px;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}


.tippy-box {
  position: relative;
  background-color: rgb(255, 255, 255);
  color: rgb(4, 4, 5);
  border-radius: 8px;
  border: 0px solid rgba(255, 255, 255, 0.1);
  font-weight: normal;
  outline: 0px;
  box-shadow: rgba(4, 4, 5, 0.2) 0px 7px 36px -8px;
  transition: all 0.12s ease-in-out 0s;
  opacity: 0;
  visibility: hidden;
  max-width: none !important;
}

.tippy-box[data-state="visible"] {
  opacity: 1;
  visibility: visible;
}

.kmCqKN {
  padding: 0px;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
}

.gKdyee {
  width: 270px;
  vertical-align: inherit;
}

.htNwzQ {
  display: flex;
  flex-direction: column;
  -webkit-box-flex: 1;
  flex-grow: 1;
  padding: 16px 0px;
  width: 270px;
}

.jSTRnN {
  display: flex;
  text-align: left;
}


.kRuSvk {
  vertical-align: inherit;
}


.tippy-content .kMthTr {
  background: transparent;
  border: none;
  cursor: pointer;
  line-height: normal;
}

.nVkHr {
  font-family: inherit;
  font-weight: 500;
  -webkit-box-flex: 1;
  flex-grow: 1;
  vertical-align: inherit;
  color: inherit;
  padding: 0px;
  overflow: visible;
}

.lbvkdu {
  cursor: pointer;
  color: rgb(4, 4, 5);
  transition: all 0.12s ease-in-out 0s;
  text-align: left;
  min-height: 35px;
  padding: 8px 12px;
  margin: 0px 12px;
  border-radius: 6px;
}

.iWKXLy {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 100%;
  font-family: inherit;
  font-weight: 900;
  font-size: 14px;
  vertical-align: inherit;
}


.hlnpWc {
  border-width: 0px;
  border-style: solid;
  border-color: rgb(4, 4, 5);
}

.fiElIf {
  padding: 8px 24px;
  text-align: left;
}

.icnXCy {
  flex-direction: row;
  -webkit-box-align: center;
  align-items: center;
  justify-content: space-around;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-basis: auto;
  display: flex;
}

.hlnpWc {
  border-width: 0px;
  border-style: solid;
  border-color: rgb(4, 4, 5);
}

.kCskQI {
  transition: all 0.12s ease-in-out 0s;
  color: rgb(128, 128, 128);
}

.dopmHJ {
  width: 18px;
  height: 18px;
  vertical-align: inherit;
}

.eUKpaw {
  -webkit-box-flex: 1;
  flex: 1 0 auto;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-direction: column;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}

.hlnpWc {
  border-width: 0px;
  border-style: solid;
  border-color: rgb(4, 4, 5);
}


.gFCVDW {
  -webkit-box-flex: 1;
  flex: 1 0 auto;
  overflow-x: hidden;
  max-width: 100%;
  vertical-align: inherit;
  min-height: 0px;
  min-width: 0px;
  flex-direction: column;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}


.hlnpWc {
  border-width: 0px;
  border-style: solid;
  border-color: rgb(4, 4, 5);
}

.hBYbZc {
  width: 100%;
  margin: 0px auto;
  max-width: 1500px;
}

.hlnpWc {
  border-width: 0px;
  border-style: solid;
  border-color: rgb(4, 4, 5);
}

.hlnpWc {
  border-width: 0px;
  border-style: solid;
  border-color: rgb(4, 4, 5);
}

.illmTA {
  flex-direction: column;
  -webkit-box-flex: 1;
  flex-grow: 1;
  width: 100%;
  height: 100%;
}

.hqAiOT {
  position: relative;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}

.hlnpWc {
  border-width: 0px;
  border-style: solid;
  border-color: rgb(4, 4, 5);
}

.kdFkTL {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.fySUrl {
  display: flex;
  flex-direction: row;
  height: 100%;
  width: initial;
  margin-left: -20px;
}

.bZnmxL {
  display: flex;
  flex-direction: column;
  width: 40%;
  min-width: 40%;
  padding-left: 20px;
}

.bZnmxL > * {
  display: flex;
  -webkit-box-flex: 1;
  flex-grow: 1;
}

.fElMzr {
  position: relative;
  display: flex;
  -webkit-box-flex: 1;
  flex-grow: 1;
}

.igmrKQ {
  position: relative;
  -webkit-box-flex: 1;
  flex: 1 0 auto;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-direction: column;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}

.dSqcIe {
  display: flex;
  opacity: 0;
  z-index: -1;
  transition: opacity 0.5s ease-in-out 0s;
  position: absolute;
  left: 0px;
  top: 0px;
  bottom: 0px;
  right: 0px;
}

.dSpqua {
  display: flex;
  opacity: 1;
  z-index: 10;
  transition: opacity 0.5s ease-in-out 0s;
  position: absolute;
  left: 0px;
  top: 0px;
  bottom: 0px;
  right: 0px;
}

.dSpqua > * {
  display: flex;
  -webkit-box-flex: 1;
  flex-grow: 1;
}

.dSqcIe > * {
  display: flex;
  -webkit-box-flex: 1;
  flex-grow: 1;
}

.hlnpWc {
  border-width: 0px;
  border-style: solid;
  border-color: rgb(4, 4, 5);
}

.jzzDlw {
  height: 533px;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}

.gCyYra {
  -webkit-box-flex: 1;
  flex-grow: 1;
  position: relative;
  overflow: hidden;
  transform-origin: center center;
  padding: 32px 32px 48px;
  background: rgba(4, 4, 5, 0.1);
  border-radius: 12px;
}

.ejoSBg {
  height: auto;
  max-height: 100%;
  max-width: 100%;
}

.ldOunP {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.15s ease-in-out 0s;
  overflow: hidden;
  background: rgba(4, 4, 5, 0.1);
  border-radius: 12px;
}

.bZnmxL {
  display: flex;
  flex-direction: column;
  width: 40%;
  min-width: 40%;
  padding-left: 20px;
}

.bZnmxL > * {
  display: flex;
  -webkit-box-flex: 1;
  flex-grow: 1;
}

.cnCVCX {
  display: flex;
  flex-direction: column;
  width: 20%;
  min-width: 20%;
  padding-left: 20px;
}

.iwfRhq {
  height: 496px;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}

.WfjML {
  display: flex;
  flex-direction: column;
}

.kRuSvk {
  vertical-align: inherit;
}

.WfjML > :not(:last-child) {
  margin-bottom: 20px;
}

.hlnpWc {
  border-width: 0px;
  border-style: solid;
  border-color: rgb(4, 4, 5);
}

.dqtTRv {
  height: 237px;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}

.iMLFUL {
  -webkit-box-flex: 1;
  flex-grow: 1;
  position: relative;
  overflow: hidden;
  transform-origin: center center;
  padding: 16px;
  background: rgba(4, 4, 5, 0.1);
  border-radius: 12px;
}

.kRuSvk {
  vertical-align: inherit;
}

.egMqYx {
  padding: 8px 16px 32px;
  -webkit-box-flex: 1;
  flex: 1 0 auto;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-direction: column;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}

.icGsjm {
  height: 241px;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}

.icGsjm {
  height: 241px;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}

.eRWKiK::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 10;
  transform: translate3d(0px, 0px, 0px);
  border-radius: 12px;
  background: linear-gradient(142deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 50%);
}

.grmUlb {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  overflow: hidden;
  transition: transform 0.3s ease-in-out 0s;
  border-radius: 12px;
}

.grmUlb {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  overflow: hidden;
  transition: transform 0.3s ease-in-out 0s;
  border-radius: 12px;
}

.eQRXHC {
  height: 241px;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}

.icGsjm {
  height: 241px;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}

.eRWKiK {
  -webkit-box-flex: 1;
  flex-grow: 1;
  position: relative;
  overflow: hidden;
  transform-origin: center center;
  padding: 16px;
  background: rgba(4, 4, 5, 0.1);
  border-radius: 12px;
}

.jFpFvn {
  height: 240px;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}

.iIlNMn {
  margin-top: 36px;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}

.iaPOcP {
  flex-direction: row;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  align-items: center;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-basis: auto;
  display: flex;
}

.cFYxss {
  font-size: 24px;
}

@media (min-width: 981px) {
  .cFYxss {
    font-size: 30px;
  }
}


.iAEatC {
  font-family: inherit;
  font-weight: inherit;
  vertical-align: inherit;
}

.jARayQ {
  display: inline-block;
}


.jJpdDo {
  cursor: pointer;
}

.hxYkKk {
  font-family: inherit;
  font-weight: inherit;
  margin-right: 8px;
  vertical-align: inherit;
}

.dHbPhU {
  font-family: inherit;
  font-weight: inherit;
  color: rgb(0, 102, 255);
  margin-left: 8px;
  vertical-align: inherit;
  background: linear-gradient(126.49deg, rgb(0, 163, 255) 0%, rgb(0, 102, 255) 100%) text;
}


.kcVguc {
  display: flex;
  flex-flow: row nowrap;
  white-space: nowrap;
  background-color: rgba(4, 4, 5, 0.08);
  line-height: 40px;
  height: 40px;
  padding-left: 22px;
  padding-right: 22px;
  min-width: auto;
  border: 1px solid transparent;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  border-radius: 40px;
  font-size: 14px;
  font-weight: 900;
  font-family: inherit;
  transition: all 0.12s ease-in-out 0s;
  transform-origin: center center;
  user-select: none;
  cursor: pointer;
}

.gmYFDX {
  border-color: rgba(4, 4, 5, 0.1);
  color: rgb(4, 4, 5);
  background: transparent;
}

.jOsQKY {
  font-family: inherit;
  font-weight: 500;
  vertical-align: inherit;
  color: inherit;
  padding: 0px;
  overflow: visible;
}

.gxiNwA {
  height: 48px;
  width: 48px;
  border: 1px solid transparent;
  -webkit-box-align: center;
  align-items: center;
  cursor: pointer;
  outline: none;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  transition: all 0.12s ease-in-out 0s;
  border-radius: 48px;
  background-color: rgba(4, 4, 5, 0.08);
  color: rgb(4, 4, 5);
  transform-origin: center center;
}

.kcVguc {
  display: flex;
  flex-flow: row nowrap;
  white-space: nowrap;
  background-color: rgba(4, 4, 5, 0.08);
  line-height: 40px;
  height: 40px;
  padding-left: 22px;
  padding-right: 22px;
  min-width: auto;
  border: 1px solid transparent;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  border-radius: 40px;
  font-size: 14px;
  font-weight: 900;
  font-family: inherit;
  transition: all 0.12s ease-in-out 0s;
  transform-origin: center center;
  user-select: none;
  cursor: pointer;
}

.gAApEQ {
  background-image: linear-gradient(to right, rgb(255, 0, 184) 0%, rgb(100, 161, 255) 50%, rgb(0, 102, 255) 100%);
  background-size: 200%;
  color: rgb(255, 255, 255);
  border: 0px;
  transition: all 0.5s ease-in-out 0s;
}

.ksUIa-D {
  background: rgb(255, 255, 255);
  z-index: 10;
  width: 40px;
  height: 40px;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  position: absolute;
  left: auto;
  right: -10px;
  top: 50%;
  transform: translate(0px, -50%) scale(1);
}

.ksUIa-D:hover, .ksUIa-D:focus {
  background: rgb(255, 255, 255);
  color: rgb(4, 4, 5);
}

.jdNDQo:hover {
  background: transparent;
  color: rgb(4, 4, 5);
  border-color: rgba(4, 4, 5, 0.18);
}

.gxiNwA:hover {
  background-color: rgba(4, 4, 5, 0.05);
  color: rgb(4, 4, 5);
}


.kuAyTq {
  margin-top: 30px;
  height: 203px;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}

.hlnpWc {
  border-width: 0px;
  border-style: solid;
  border-color: rgb(4, 4, 5);
}

.laOFPJ {
  flex-flow: row nowrap;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}

.iEOpyR {
  position: relative;
  flex-shrink: 1;
  -webkit-box-flex: 1;
  flex-grow: 1;
}

.kRzCCz {
  padding-left: 0px;
  width: 356px;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}

.hMEJxw {
  height: 48px;
  margin-top: 0px;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}

.kxyvak {
  margin-left: 16px;
  margin-right: 16px;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}

.eRbvoy {
  font-family: inherit;
  font-weight: inherit;
  color: rgb(128, 128, 128);
  font-size: 16px;
  vertical-align: inherit;
}

.eKHdxC {
  width: 48px;
  height: 48px;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}

.krVWEj {
  margin-left: 16px;
  flex: 1 1 auto;
  -webkit-box-flex: 1;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-direction: column;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}

.gMUtKK {
  transition: all 0.12s ease-in-out 0s;
  color: rgb(4, 4, 5);
}

.ekQXBL {
  font-family: inherit;
  font-weight: 900;
  color: rgb(4, 4, 5);
  font-size: 15px;
  vertical-align: inherit;
}

.lctxxM {
  font-family: inherit;
  font-weight: inherit;
  color: rgb(128, 128, 128);
  font-size: 14px;
  vertical-align: inherit;
}

.iAEatC {
  font-family: inherit;
  font-weight: inherit;
  vertical-align: inherit;
}

.kgdPxv {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 100%;
  vertical-align: inherit;
}

.hyElRg {
  padding-left: 20px;
  width: 257px;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}

.eXirsP {
  border-radius: 100%;
  overflow: hidden;
}

.iJAXPf {
  background-color: rgb(255, 255, 255);
  position: relative;
  border-radius: 100%;
  z-index: 1;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
}

.hTiXVH {
  object-fit: cover;
  border-radius: 48px;
  vertical-align: inherit;
}

.kyOLyy {
  height: 48px;
  margin-top: 20px;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}

.iIlNMn {
  margin-top: 36px;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}

.cwneXn {
  flex-direction: column;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}

.cFYxss {
  font-size: 24px;
}

.kvViGK {
  font-family: inherit;
  font-weight: 900;
  vertical-align: inherit;
}


.bpBYPc {
  margin-top: 24px;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}

.hlnpWc {
  border-width: 0px;
  border-style: solid;
  border-color: rgb(4, 4, 5);
}

.ljCoGn {
  height: 420px;
  position: relative;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}

.kdFkTL {
  width: 100%;
  height: 100%;
  overflow: hidden;
}


.fySUrl {
  display: flex;
  flex-direction: row;
  height: 100%;
  width: initial;
  margin-left: -20px;
}

.cnCVCX {
  display: flex;
  flex-direction: column;
  width: 20%;
  min-width: 20%;
  padding-left: 20px;
}

.hfdEax {
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 1;
  height: 100%;
  width: 100%;
  position: relative;
  background: rgb(255, 255, 255);
  padding: 0px;
  border-radius: 16px;
  border: 1px solid rgba(4, 4, 5, 0.1);
  overflow: hidden;
}


.gxiNwA {
  height: 48px;
  width: 48px;
  border: 1px solid transparent;
  -webkit-box-align: center;
  align-items: center;
  cursor: pointer;
  outline: none;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  transition: all 0.12s ease-in-out 0s;
  border-radius: 48px;
  background-color: rgba(4, 4, 5, 0.08);
  color: rgb(4, 4, 5);
  transform-origin: center center;
}

.iJAXPf {
  background-color: rgb(255, 255, 255);
  position: relative;
  border-radius: 100%;
  z-index: 1;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
}

.imozUa {
  transition: all 0.12s ease-in-out 0s;
  width: 30px;
  height: 30px;
  background: transparent;
  color: rgb(128, 128, 128);
}

.hOiKLt {
  width: 14px;
  height: 14px;
  vertical-align: inherit;
}

.jvezWt {
  position: relative;
  z-index: 10;
  transition: all 0.12s ease-in-out 0s;
}

.iJAXPf {
  background-color: rgb(255, 255, 255);
  position: relative;
  border-radius: 100%;
  z-index: 1;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
}

.EJLaQ {
  display: flex;
  flex-direction: row;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  margin: 16px 18px 0px;
}

.ihJIQH {
  display: flex;
  flex-direction: row;
}

.jvezWt {
  position: relative;
  z-index: 10;
  transition: all 0.12s ease-in-out 0s;
}

.iJAXPf {
  background-color: rgb(255, 255, 255);
  position: relative;
  border-radius: 100%;
  z-index: 1;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
}

.ihJIQH > :not(:first-child) {
  margin-left: -10px;
}

.kvumKc {
  object-fit: cover;
  border-radius: 30px;
  vertical-align: inherit;
}

.eQUdeu {
  position: absolute;
  right: -5px;
  bottom: -5px;
  z-index: 10;
}

.igmrKQ {
  position: relative;
  -webkit-box-flex: 1;
  flex: 1 0 auto;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-direction: column;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}

.hIfbhd {
  opacity: 1;
  -webkit-box-flex: 1;
  flex-grow: 1;
  flex-direction: column;
}

.bMdeOs {
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  flex-grow: 1;
  flex-direction: column;
  -webkit-box-pack: center;
  justify-content: center;
  margin-left: 12px;
  margin-right: 12px;
}

.hBPNLh {
  margin-top: 16px;
  display: flex;
}

.kMTXgk {
  display: flex;
  position: relative;
  width: 100%;
  height: 230px;
}

.dUxFWE {
  display: flex;
  flex-flow: column;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.joHyKy {
  border-radius: 6px;
  vertical-align: inherit;
}

.gnBPmJ {
  transition: opacity 0.33s ease-in-out 0s;
  opacity: 0;
  position: absolute;
}

.fqbJCS {
  height: auto;
  max-height: 100%;
  max-width: 100%;
}

.CGXRw {
  margin-left: 18px;
  margin-right: 18px;
}

.hBPNLh {
  margin-top: 16px;
  display: flex;
}

.gEfhZZ {
  margin: 7px 18px 16px;
}

.eoFEFh {
  font-family: inherit;
  font-weight: 900;
  font-size: 14px;
  vertical-align: inherit;
}

.kqJRMU {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 100%;
  font-family: inherit;
  font-weight: 900;
  color: rgb(128, 128, 128);
  vertical-align: inherit;
}

.exbPXw {
  margin-left: 4px;
}

.iAEatC {
  font-family: inherit;
  font-weight: inherit;
  vertical-align: inherit;
}

.ETmFj {
  font-family: inherit;
  font-weight: inherit;
  color: rgb(128, 128, 128);
  vertical-align: inherit;
}

.kAFpxS {
  font-family: inherit;
  font-weight: 900;
  color: rgb(0, 102, 255);
  vertical-align: inherit;
  background: linear-gradient(126.49deg, rgb(0, 163, 255) 0%, rgb(0, 102, 255) 100%) text;
}

.ivXHdL {
  background: transparent;
  border-color: transparent;
  height: 32px;
  border-radius: 12px;
  padding: 6px 12px;
  display: flex;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  align-items: center;
  transition: all 0.12s ease-in-out 0s;
}

.egOQmQ {
  position: absolute;
  right: 10px;
  bottom: 10px;
}

.kMthTr {
  background: transparent;
  border: none;
  cursor: pointer;
  line-height: normal;
}

.fMOvnW {
  transition: all 0.12s ease-in-out 0s;
  width: 16px;
  height: 16px;
}

.kvViGK {
  font-family: inherit;
  font-weight: 900;
  vertical-align: inherit;
}

.kMthTr {
  background: transparent;
  border: none;
  cursor: pointer;
  line-height: normal;
}

.jOsQKY {
  font-family: inherit;
  font-weight: 500;
  vertical-align: inherit;
  color: inherit;
  padding: 0px;
  overflow: visible;
}

.eoFEFh {
  font-family: inherit;
  font-weight: 900;
  font-size: 14px;
  vertical-align: inherit;
}

.eOfqvO {
  transition: all 0.12s ease-in-out 0s;
  margin-left: 4px;
  line-height: 16px;
  font-size: 14px;
}

.kAFpxS {
  font-family: inherit;
  font-weight: 900;
  color: rgb(0, 102, 255);
  vertical-align: inherit;
  background: linear-gradient(126.49deg, rgb(0, 163, 255) 0%, rgb(0, 102, 255) 100%) text;
}

.fqbJCS {
  height: auto;
  max-height: 100%;
  max-width: 100%;
}

.dUxFWE {
  display: flex;
  flex-flow: column;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.bMdeOs {
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  flex-grow: 1;
  flex-direction: column;
  -webkit-box-pack: center;
  justify-content: center;
  margin-left: 12px;
  margin-right: 12px;
}

.kMTXgk {
  display: flex;
  position: relative;
  width: 100%;
  height: 230px;
}

.dUxFWE {
  display: flex;
  flex-flow: column;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.gnBPmJ {
  transition: opacity 0.33s ease-in-out 0s;
  opacity: 0;
  position: absolute;
}

.fqbJCS {
  height: auto;
  max-height: 100%;
  max-width: 100%;
}

.jCiuZr {
  position: absolute;
  left: 0px;
  bottom: -5px;
  z-index: 10;
}

.jBEiGP {
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  user-select: none;
  height: 32px;
  padding-left: 16px;
  padding-right: 16px;
  position: relative;
  border-radius: 32px;
  border: 2px solid transparent;
  background: rgb(255, 255, 255);
  color: rgb(4, 4, 5);
  margin: 2px;
}

.iMQHMD {
  padding: 2px 8px 3px;
  border-radius: 8px;
  height: auto;
}

.iMQHMD::before {
  border-radius: 10px;
}

.jBEiGP::before {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: -1;
  margin: -4px;
  border-radius: 32px;
  background: linear-gradient(to right, rgb(12, 80, 255) 0%, rgb(12, 80, 255) 24%, rgb(91, 157, 255) 55.73%, rgb(255, 116, 241) 75%, rgb(255, 116, 241) 100%);
}

.bbbkjq {
  font-family: inherit;
  font-weight: 900;
  font-size: 14px;
  text-align: center;
  vertical-align: inherit;
}

.cxkCNP {
  font-family: "Roboto Mono", monospace;
  font-weight: 700;
  vertical-align: middle;
  font-size: 12px;
}

.krpZZc {
  display: inline-block;
}

.tCebP {
  color: rgba(4, 4, 5, 0.6);
}

.kvViGK {
  font-family: inherit;
  font-weight: 900;
  vertical-align: inherit;
}

.iAEatC {
  font-family: inherit;
  font-weight: inherit;
  vertical-align: inherit;
}

.hlnpWc {
  border-width: 0px;
  border-style: solid;
  border-color: rgb(4, 4, 5);
}


.dBEucF {
  -webkit-box-align: center;
  align-items: center;
  flex-flow: row;
}

.krHaRf {
  position: relative;
  -webkit-box-flex: 1;
  flex-grow: 1;
}

.hlnpWc {
  border-width: 0px;
  border-style: solid;
  border-color: rgb(4, 4, 5);
}

.hfdEax {
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 1;
  height: 100%;
  width: 100%;
  position: relative;
  background: rgb(255, 255, 255);
  padding: 0px;
  border-radius: 16px;
  border: 1px solid rgba(4, 4, 5, 0.1);
  overflow: hidden;
}

.fySUrl {
  display: flex;
  flex-direction: row;
  height: 100%;
  width: initial;
  margin-left: -20px;
}


.jKZuyL {
  height: 200px;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}

.hlnpWc {
  border-width: 0px;
  border-style: solid;
  border-color: rgb(4, 4, 5);
}

.htFMXJ {
  height: 100%;
  width: 100%;
  position: relative;
}

.iwKkPp {
  position: absolute;
  z-index: -1;
  top: 0px;
  bottom: 0px;
  right: 0px;
  left: 0px;
}

.hfdEax {
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 1;
  height: 100%;
  width: 100%;
  position: relative;
  background: rgb(255, 255, 255);
  padding: 0px;
  border-radius: 16px;
  border: 1px solid rgba(4, 4, 5, 0.1);
  overflow: hidden;
}

.ihcyvu {
  padding: 10px;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}

.jBPdXm {
  height: 90px;
  width: 100%;
  background-color: rgba(4, 4, 5, 0.03);
  border-radius: 10px;
  position: relative;
  overflow: hidden;
}

.ilajeO {
  background-size: cover;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  background-position: center center;
  background-image: url(https://img.rarible.com/prod/image/upload/t_cover_preview/prod-collections/0x9066423…/cover/QmNVNNN7oeyBWkRc5cdGpKCrfDJFFF6JV9e2fnSWFScHPA);
  position: absolute;
  filter: none;
  transition: all 0.12s ease-in-out 0s;
  opacity: 1;
}

.fNrlhn {
  background-size: cover;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  background-position: center center;
  background-image: url(https://img.rarible.com/prod/image/upload/t_cover_placeholder/prod-collections/0x9066423…/cover/QmNVNNN7oeyBWkRc5cdGpKCrfDJFFF6JV9e2fnSWFScHPA);
  position: absolute;
  filter: blur(20px);
  transition: all 0.12s ease-in-out 0s;
  opacity: 1;
}

.ePcyd {
  position: relative;
  z-index: 10;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  align-self: center;
  margin-top: -60px;
}

.eALDBy {
  border: 3px solid rgb(255, 255, 255);
  background-color: rgb(255, 255, 255);
  border-radius: 100%;
  position: relative;
}

.iJAXPf {
  background-color: rgb(255, 255, 255);
  position: relative;
  border-radius: 100%;
  z-index: 1;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
}

.gnBPmJ {
  transition: opacity 0.33s ease-in-out 0s;
  opacity: 0;
  position: absolute;
}

.iduHXF {
  opacity: 1;
  position: relative;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
}

.jhldcT {
  animation: 1s linear 0s infinite normal none running kVyUDU;
  background: rgb(4, 4, 5);
  border-radius: 100%;
}

.byzqVs {
  padding-left: 32px;
  padding-right: 32px;
  -webkit-box-align: center;
  align-items: center;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
}

.kUttMs {
  margin-top: 8px;
  margin-bottom: 16px;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}

.wpSdq {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 100%;
  font-family: inherit;
  font-weight: 900;
  text-align: center;
  vertical-align: inherit;
}

.ehASPa {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 100%;
  font-family: inherit;
  font-weight: 900;
  margin-top: 4px;
  text-align: center;
  color: rgb(128, 128, 128);
  font-size: 13px;
  vertical-align: inherit;
}

.cIKEHp {
  color: inherit;
}

.hUPISI {
  margin-top: 36px;
  -webkit-box-flex: 1;
  flex: 1 0 auto;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-direction: column;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}

.bOFeRz {
  white-space: nowrap;
}

.bfvzKX {
  font-family: inherit;
  font-weight: inherit;
  margin-top: 8px;
  vertical-align: inherit;
}

.bYpWTM {
  font-size: 24px;
}

@media (min-width: 768px) {
  .bYpWTM {
    font-size: 32px;
  }
}

@media (min-width: 981px) {
  .bYpWTM {
    font-size: 36px;
  }
}

.jNqTQC {
  flex-flow: row nowrap;
  -webkit-box-align: center;
  align-items: center;
}

.jNqTQC > :not(:last-child) {
  margin-right: 10px;
}

.jARayQ {
  display: inline-block;
}

.gmYFDX {
  border-color: rgba(4, 4, 5, 0.1);
  color: rgb(4, 4, 5);
  background: transparent;
}

.kcVguc {
  display: flex;
  flex-flow: row nowrap;
  white-space: nowrap;
  background-color: rgba(4, 4, 5, 0.08);
  line-height: 40px;
  height: 40px;
  padding-left: 22px;
  padding-right: 22px;
  min-width: auto;
  border: 1px solid transparent;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  border-radius: 40px;
  font-size: 14px;
  font-weight: 900;
  font-family: inherit;
  transition: all 0.12s ease-in-out 0s;
  transform-origin: center center;
  user-select: none;
  cursor: pointer;
}

@media (min-width: 768px) {
  .jjRjPA {
    flex-flow: row nowrap;
  }
}

.gaNrfP {
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex: 1 0 auto;
  flex-direction: column;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
  padding-top: 8px;
  padding-bottom: 16px;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-flex: 1;
}

.fRPFrj {
  flex-flow: row nowrap;
}

.gMXQnJ {
  -webkit-box-flex: 0;
  flex: 0 0 auto;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-direction: column;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}

.gaNrfP {
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex: 1 0 auto;
  flex-direction: column;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
  padding-top: 8px;
  padding-bottom: 16px;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-flex: 1;
}

.jARayQ {
  display: inline-block;
}

.hqAiOT {
  position: relative;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}

.bYlVSP {
  z-index: 5;
  position: absolute;
  top: -5px;
  left: 14px;
  background-color: rgb(255, 255, 255);
  display: inline-block;
  padding: 0px 5px;
  font-size: 11px;
  color: rgb(128, 128, 128);
}

.gmYFDX {
  border-color: rgba(4, 4, 5, 0.1);
  color: rgb(4, 4, 5);
  background: transparent;
}

.kcVguc {
  display: flex;
  flex-flow: row nowrap;
  white-space: nowrap;
  background-color: rgba(4, 4, 5, 0.08);
  line-height: 40px;
  height: 40px;
  padding-left: 22px;
  padding-right: 22px;
  min-width: auto;
  border: 1px solid transparent;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  border-radius: 40px;
  font-size: 14px;
  font-weight: 900;
  font-family: inherit;
  transition: all 0.12s ease-in-out 0s;
  transform-origin: center center;
  user-select: none;
  cursor: pointer;
}

.iSzleq {
  padding: 0px 18px;
  background-color: rgb(255, 255, 255);
}

.gmYFDX {
  border-color: rgba(4, 4, 5, 0.1);
  color: rgb(4, 4, 5);
  background: transparent;
}

.fRPFrj {
  flex-flow: row nowrap;
}

.jjRjPA > :not(:last-child) {
  margin-right: 16px;
}

.fRPFrj > :not(:last-child) {
  margin-right: 12px;
}

.klCgON {
  flex: 1 1 auto;
  -webkit-box-flex: 1;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-direction: column;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}

.jjRjPA {
  flex-flow: row nowrap;
}

.framhU {
  line-height: 1.05;
}

.exPPoe {
  font-family: inherit;
  font-weight: 900;
  vertical-align: middle;
}

.krHaRf {
  position: relative;
  -webkit-box-flex: 1;
  flex-grow: 1;
}

.hfdEax {
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 1;
  height: 100%;
  width: 100%;
  position: relative;
  background: rgb(255, 255, 255);
  padding: 0px;
  border-radius: 16px;
  border: 1px solid rgba(4, 4, 5, 0.1);
  overflow: hidden;
}

.iEZsSN {
  margin-top: 16px;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}

.aYNRt {
  background: rgb(255, 255, 255);
  color: rgb(0, 102, 255);
  position: relative;
  margin: 4px;
}

.bZRgEU {
  display: flex;
  flex-flow: row nowrap;
  white-space: nowrap;
  background-color: rgba(4, 4, 5, 0.08);
  line-height: 48px;
  height: 48px;
  padding-left: 26.4px;
  padding-right: 26.4px;
  min-width: 192px;
  border: 1px solid transparent;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  border-radius: 48px;
  font-size: 15px;
  font-weight: 900;
  font-family: inherit;
  transition: all 0.12s ease-in-out 0s;
  transform-origin: center center;
  user-select: none;
  cursor: pointer;
}



.aYNRt::before {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: -1;
  margin: -3px;
  border-radius: inherit;
  background: linear-gradient(to right, rgb(12, 80, 255) 0%, rgb(12, 80, 255) 24%, rgb(91, 157, 255) 55.73%, rgb(255, 116, 241) 75%, rgb(255, 116, 241) 100%);
}

.aYNRt:hover {
  background: linear-gradient(91.34deg, rgb(12, 80, 255) 0%, rgb(12, 80, 255) 24%, rgb(91, 157, 255) 55.73%, rgb(255, 116, 241) 75%, rgb(255, 116, 241) 100%);
  cursor: pointer;
  border: 0;
  color: #ffffff;
}



.aYNRt {
  background: rgb(255, 255, 255);
  color: rgb(0, 102, 255);
  position: relative;
  margin: 4px;
}

.dark .aYNRt {
  background: rgb(18, 18, 18);
  color: rgb(45, 129, 255);
  position: relative;
  margin: 4px;
  border: 1px solid #ffffff;
}

.dark .aYNRt:hover {
  background: linear-gradient(91.34deg, rgb(12, 80, 255) 0%, rgb(12, 80, 255) 24%, rgb(91, 157, 255) 55.73%, rgb(255, 116, 241) 75%, rgb(255, 116, 241) 100%);
  cursor: pointer;
  border: 0;
  color: #ffffff;
}

.esEYQd {
  background: rgba(4, 4, 5, 0.05);
  border-top: 1px solid transparent;
  color: rgb(128, 128, 128);
}

.hBYbZc {
  width: 100%;
  margin: 0px auto;
  max-width: 1500px;
}

.jJlgDH {
  padding-top: 64px;
}

.jdZRXb {
  padding-left: 32px;
  padding-right: 32px;
}

.iUzdzK {
  flex-wrap: nowrap;
}

.dqwNJl {
  width: 30%;
  margin-bottom: 0px;
}

.bASbzE {
  max-width: 320px;
}

.itawTz {
  text-align: left;
}

.itawTz {
  font-size: 18px;
  text-align: center;
  line-height: 1.7;
}

.gEJdXd {
  font-family: inherit;
  font-weight: 900;
  color: rgb(4, 4, 5);
  vertical-align: inherit;
}

.kFjgpC {
  position: relative;
  margin-top: 24px;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}

.kFjgpC {
  margin-top: 16px;
}

.iSKIaj {
  -webkit-box-align: stretch;
  align-items: stretch;
  flex-direction: row;
  font-size: 15px;
  border: 1px solid transparent;
  background: rgba(4, 4, 5, 0.07);
  height: 56px;
  padding: 0px 95px 0px 20px;
  border-radius: 28px;
  transition: all 0.12s ease-in-out 0s;
}

.YYmFn {
  background: transparent;
  border-width: 0px;
  color: rgba(4, 4, 5, 0.8);
  outline: none;
  font-size: 15px;
}

.gnFYqA {
  font-family: inherit;
  font-weight: 500;
  font-size: 15px;
  vertical-align: inherit;
  width: 100%;
  overflow: hidden;
  padding: 0px;
}

.itWoQV {
  position: absolute;
  top: 8px;
  right: 8px;
}

.bhqkMG {
  background: rgb(4, 4, 5);
  color: rgb(255, 255, 255);
  overflow: hidden;
  border: 0px;
}

.kcVguc {
  display: flex;
  flex-flow: row nowrap;
  white-space: nowrap;
  background-color: rgba(4, 4, 5, 0.08);
  line-height: 40px;
  height: 40px;
  padding-left: 22px;
  padding-right: 22px;
  min-width: auto;
  border: 1px solid transparent;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  border-radius: 40px;
  font-size: 14px;
  font-weight: 900;
  font-family: inherit;
  transition: all 0.12s ease-in-out 0s;
  transform-origin: center center;
  user-select: none;
  cursor: pointer;
}

.bhqkMG {
  background: rgb(4, 4, 5);
  color: rgb(255, 255, 255);
  overflow: hidden;
  border: 0px;
}

.iYknUG {
  width: 20%;
  padding-left: 32px;
  padding-right: 32px;
}

.qqXDi {
  font-family: inherit;
  font-weight: 900;
  vertical-align: inherit;
  font-size: 18px;
  color: rgb(4, 4, 5);
}

.iEZsSN {
  margin-top: 16px;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}

.cHEaft {
  margin-bottom: 12px;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}

.kCskQI {
  transition: all 0.12s ease-in-out 0s;
  color: rgb(128, 128, 128);
}

.gvDMYR {
  font-family: inherit;
  font-weight: 900;
  margin-right: 8px;
  font-size: 16px;
  vertical-align: inherit;
}

.iUzdzK {
  flex-wrap: nowrap;
}

.iUzdzK {
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
  padding-bottom: 32px;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}

.evtrEw {
  width: 270px;
  margin-top: 0px;
  max-width: 270px;
}

.iEZsSN {
  margin-top: 16px;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}

.jARayQ {
  display: inline-block;
}

.hvgDcX {
  flex-flow: row nowrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
}

.gmYFDX {
  border-color: rgba(4, 4, 5, 0.1);
  color: rgb(4, 4, 5);
  background: transparent;
}

.cNUsDL {
  display: flex;
  flex-flow: row nowrap;
  white-space: nowrap;
  background-color: rgba(4, 4, 5, 0.08);
  line-height: 40px;
  height: 40px;
  padding-left: 22px;
  padding-right: 22px;
  min-width: 100%;
  border: 1px solid transparent;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  border-radius: 40px;
  font-size: 14px;
  font-weight: 900;
  font-family: inherit;
  transition: all 0.12s ease-in-out 0s;
  transform-origin: center center;
  user-select: none;
  cursor: pointer;
}

.hOiKLt {
  width: 14px;
  height: 14px;
  vertical-align: inherit;
}

.cNUsDL {
  display: flex;
  flex-flow: row nowrap;
  white-space: nowrap;
  background-color: rgba(4, 4, 5, 0.08);
  line-height: 40px;
  height: 40px;
  padding-left: 22px;
  padding-right: 22px;
  min-width: 100%;
  border: 1px solid transparent;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  border-radius: 40px;
  font-size: 14px;
  font-weight: 900;
  font-family: inherit;
  transition: all 0.12s ease-in-out 0s;
  transform-origin: center center;
  user-select: none;
  cursor: pointer;
}

.gmYFDX {
  border-color: rgba(4, 4, 5, 0.1);
  color: rgb(4, 4, 5);
  background: transparent;
}

.hvgDcX {
  flex-flow: row nowrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
}

.tippy-box[data-state="visible"] {
  opacity: 1;
  visibility: visible;
}

.tippy-box {
  position: relative;
  background-color: rgb(255, 255, 255);
  color: rgb(4, 4, 5);
  border-radius: 8px;
  border: 0px solid rgba(255, 255, 255, 0.1);
  font-weight: normal;
  outline: 0px;
  box-shadow: rgba(4, 4, 5, 0.2) 0px 7px 36px -8px;
  transition: all 0.12s ease-in-out 0s;
  opacity: 0;
  visibility: hidden;
  max-width: none !important;
}

.kmCqKN {
  padding: 0px;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
}

.eRblbP {
  display: flex;
  flex-direction: column;
  -webkit-box-flex: 1;
  flex-grow: 1;
  padding: 16px 0px;
}

.kVMTAe {
  width: 200px;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}

.lbvkdu {
  cursor: pointer;
  color: rgb(4, 4, 5);
  transition: all 0.12s ease-in-out 0s;
  text-align: left;
  min-height: 35px;
  padding: 8px 12px;
  margin: 0px 12px;
  border-radius: 6px;
}

.cIjgB {
  display: flex;
  flex-flow: column;
}

.irmCui {
  display: flex;
  flex-flow: row;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
}

.cCoyfS {
  width: 12px;
  height: 12px;
  color: rgb(0, 102, 255);
  vertical-align: inherit;
}

.kCskQI {
  transition: all 0.12s ease-in-out 0s;
  color: rgb(128, 128, 128);
}

.bCLDPw {
  border-radius: 10px;
  font-size: 12px;
  height: 20px;
  min-width: 20px;
  padding: 0px 6px;
  display: inline-flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  background: rgb(255, 87, 87);
  color: white;
}

.dgXRa-d {
  border-top: 1px solid rgb(230, 230, 230);
}

.jbXHhJ {
  margin-right: 32px;
  margin-top: 0px;
  order: 0;
}

.dNwIYm {
  color: rgba(4, 4, 5, 0.4);
}

.kxyvak {
  margin-left: 16px;
  margin-right: 16px;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}

.hiwdBw {
  vertical-align: middle;
}

.kCskQI {
  transition: all 0.12s ease-in-out 0s;
  color: rgb(128, 128, 128);
}

.fRrCPD {
  font-family: inherit;
  font-weight: 900;
  margin-right: 8px;
  font-size: 14px;
  vertical-align: inherit;
}

.cykhnf {
  flex-direction: row;
  -webkit-box-pack: center;
  justify-content: center;
}

.cykhnf {
  flex-direction: column;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  padding-top: 40px;
  padding-bottom: 40px;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-basis: auto;
  display: flex;
}

.jbXHhJ {
  margin-right: 0px;
  margin-top: 8px;
  order: 3;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}

.ffqhQo {
  margin-right: 0px;
  order: 1;
  flex-direction: row;
  flex: 1 0 auto;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}

.cuSeyw {
  order: 2;
  -webkit-box-pack: justify;
  justify-content: space-between;
  width: 230px;
  flex-direction: row;
  -webkit-box-align: center;
  align-items: center;
  margin-top: 16px;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-basis: auto;
  display: flex;
}

.cuSeyw {
  order: 0;
  margin-top: 0px;
}

.cykhnf {
  flex-direction: row;
  -webkit-box-pack: center;
  justify-content: center;
}

.dNwIYm {
  color: rgba(4, 4, 5, 0.4);
}

.bIdxCp {
  font-family: inherit;
  font-weight: inherit;
  font-size: 14px;
  vertical-align: inherit;
}

.hfPfsZ {
  color: rgb(128, 128, 128);
  transition: all 0.12s ease-in-out 0s;
}

.jbXHhJ {
  margin-right: 0px;
  margin-top: 8px;
  order: 3;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}

.jbXHhJ {
  margin-right: 32px;
  margin-top: 0px;
  order: 0;
}

.ffqhQo {
  margin-right: 32px;
  order: 0;
}


.mli {
  width: 20%;
  height: 420px;
  padding: 10px 10px 10px 0px;
  float: left;
}





.ksUIa-D {
  background: rgb(255, 255, 255);
  z-index: 10;
  width: 40px;
  height: 40px;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  position: absolute;
  left: auto;
  right: -10px;
  top: 50%;
  transform: translate(0px, -50%) scale(1);
}


.gxiNwA {
  height: 48px;
  width: 48px;
  border: 1px solid transparent;
  -webkit-box-align: center;
  align-items: center;
  cursor: pointer;
  outline: none;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  transition: all 0.12s ease-in-out 0s;
  border-radius: 48px;
  background-color: rgba(4, 4, 5, 0.08);
  color: rgb(4, 4, 5);
  transform-origin: center center;
}
.hvuDAr {
  height: 200px;
  position: relative;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}

button{
  outline: none;
}


.t-small-area{
  display: none;
}
.fpdZDG {
  margin-left: 4px;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}

.euSDtR {
  width: 10px;
  height: 10px;
  vertical-align: inherit;
}


.ibEkut {
  transition: all 0.12s ease-in-out 0s;
  color: rgba(4, 4, 5, 0.5);
  height: 40px;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  flex-direction: row;
  cursor: pointer;
}
.jEblEQ {
  font-family: inherit;
  font-weight: 900;
  vertical-align: inherit;
  font-size: 15px;
}
.byjZxE {
  max-width: 100%;
  min-height: 100vh;
  width: 100%;
}
body .ys-header{
  z-index: 100;
  position: sticky;
  width: 100%;
  top: 0px;
  transform: translate3d(0px, 0px, 0px);
}
.ys-header .hLQAyR {
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(20px);
  transform: translateZ(0px);
}

.zPuL {
  z-index: 100;
  position: sticky;
  width: 100%;
  top: 0px;
  transform: translate3d(0px, 0px, 0px);
}

.ys-header .lcA-dFo {
  height: 40px;
  width: 40px;
  border: 1px solid transparent;
  -webkit-box-align: center;
  align-items: center;
  cursor: pointer;
  outline: none;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  transition: all 0.12s ease-in-out 0s;
  border-radius: 40px;
  background-color: rgba(4, 4, 5, 0.08);
  color: rgb(4, 4, 5);
  transform-origin: center center;
}

.ys-header .jdNDQo {
  border-color: rgba(4, 4, 5, 0.1);
  color: rgba(4, 4, 5, 0.8);
  background: transparent;
}


.ys-header .t-big-area .kcVguc {
  display: flex;
  flex-flow: row nowrap;
  white-space: nowrap;
  background-color: rgba(4, 4, 5, 0.08);
  line-height: 40px;
  height: 40px;
  padding-left: 22px;
  padding-right: 22px;
  min-width: auto;
  border: 1px solid transparent;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  border-radius: 40px;
  font-size: 14px;
  font-weight: 900;
  font-family: inherit;
  transition: all 0.12s ease-in-out 0s;
  transform-origin: center center;
  user-select: none;
  cursor: pointer;
}

.ys-header  .t-big-area .gmYFDX {
  border-color: rgba(4, 4, 5, 0.1);
  color: rgb(4, 4, 5);
  background: transparent;
}
.ys-header .jxdTsu:hover{
  color: rgb(4, 4, 5);
}

  .small-more{display: none;}

.ibEkut:hover{
  color: rgb(4, 4, 5);
}



.swiper-container {
    width: 100%;
    height: 100%;
}

.recommendPage .swiper-container{
  position: relative;
  width: 100%;
  height: 100%;
}
.recommendPage .swiper-container .swiper-slide{
  width: 100%;
  line-height: 200px;
  color: #000;
  font-size: 16px;
  text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 100%;
    width: initial;
    padding: 20px;
}


.swiper-container .swiper-button-next  {
    background:none;
    right:  10px;
    left: auto;
    height: 48px;
    width: 48px;
}

.swiper-container .swiper-button-prev {
    background:none;
    left:  10px;
    right: auto;
    height: 48px;
    width: 48px;
}
.swiper-container .swiper-pagination {
  display: none;
}

.swiper-container  .jdNDQo {
  border-color: rgba(4, 4, 5, 0.1);
  color: rgba(4, 4, 5, 0.8);
  background: #ffffff;
}

.community-nav:hover .tippy-box {
  visibility: visible;opacity: 1;
}
  .top-search:hover
{

}



.top-form:hover
{

  position: relative;
  background: #ffffff;
   border: 1px solid #d7d7d7;
}

.ys-connect .kNUHCS {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #fff;
  color: #040405;
  display: none;
  flex-direction: column;
  -webkit-box-flex: 1;
  flex-grow: 1;
  z-index: 200
}

.ys-connect .dbOata {
  max-width: 100%;
  min-height: 100vh;
  width: 100%
}

.ys-connect .WLthA {
  position: relative;
  flex-direction: row;
  -webkit-box-align: stretch;
  align-items: stretch;
  -webkit-box-flex: 1;
  flex: 1 0 auto;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0;
  min-width: 0;
  display: flex
}

.ys-connect .ljWfRO {
  width: 380px
}

.ys-connect .ljWfRO {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: 10;
  width: 280px
}

.ys-connect .linXyf {
  background-image: url(/static/img/login_bg.jpg);
  background-size: cover;
  position: relative;
  background-position: center center;
  color: rgba(255, 255, 255, 0.6)
}

.ys-connect .jrmkre {
  margin: 32px;
  -webkit-box-flex: 1;
  flex: 1 0 auto;
  -webkit-box-pack: justify;
  justify-content: space-between;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0;
  min-width: 0;
  flex-direction: column;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch
}

.ys-connect .bzLuzV {
  text-decoration: none;
  color: #06f
}

.ys-connect .jtIZqj {
  flex-direction: row;
  -webkit-box-align: center;
  align-items: center;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0;
  min-width: 0;
  flex-shrink: 0;
  flex-basis: auto;
  display: flex
}

.ys-connect .linXyf::after {
  content: "";
  bottom: 0;
  left: 0;
  right: 0;
  height: 200px;
  position: absolute;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0) 100%);
  z-index: -1
}

.ys-connect .jdiWPe {
  padding-left: 380px
}

.ys-connect .ys-connect .jdiWPe {
  padding-left: 280px;
  max-width: 1340px
}

.ys-connect .hlnpWc {
  border-width: 0;
  border-style: solid;
  border-color: #040405
}

.ys-connect .eUKpaw {
  -webkit-box-flex: 1;
  flex: 1 0 auto;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0;
  min-width: 0;
  flex-direction: column;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch
}

.ys-connect .dwhfNp {
  padding-top: 32px;
  padding-bottom: 80px;
  -webkit-box-flex: 1;
  flex: 1 0 auto;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0;
  min-width: 0;
  flex-direction: column;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch
}

.ys-connect .kQHFfY {
  padding: 0 100px;
  max-width: 630px
}

.ys-connect .fOQaoY {
  display: flex;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  align-items: center;
  color: rgba(4, 4, 5, 0.8);
  transition: all .12s ease-in-out 0s
}

.ys-connect .kMthTr {
  background: transparent;
  border: 0;
  cursor: pointer;
  line-height: normal
}

.ys-connect .jOsQKY {
  font-family: inherit;
  font-weight: 500;
  vertical-align: inherit;
  color: inherit;
  padding: 0;
  overflow: visible
}

.ys-connect .iEZsSN {
  margin-top: 16px;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0;
  min-width: 0;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch
}

.ys-connect .jcqGXt {
  font-size: 36px
}

.ys-connect .ccOAwW {
  margin-top: 8px;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0;
  min-width: 0;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch
}

.ys-connect .fFWATk {
  font-family: inherit;
  font-weight: inherit;
  font-size: 18px;
  color: #808080;
  vertical-align: inherit
}

.ys-connect .eSUOWX {
  margin-top: 32px;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0;
  min-width: 0;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch
}

.ys-connect .hqAiOT {
  position: relative;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0;
  min-width: 0;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch
}

.ys-connect .haQoIp {
  padding-left: 16px;
  padding-right: 48px
}

.ys-connect .gmYFDX {
  border-color: rgba(4, 4, 5, 0.1);
  color: #040405;
  background: transparent
}

.ys-connect .fHuOuj {
  display: flex;
  flex-flow: row nowrap;
  white-space: nowrap;
  background-color: rgba(4, 4, 5, 0.08);
  line-height: 56px;
  height: 56px;
  padding-left: 30.8px;
  padding-right: 30.8px;
  min-width: auto;
  border: 1px solid transparent;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  border-radius: 56px;
  font-size: 18px;
  font-weight: 900;
  font-family: inherit;
  transition: all .12s ease-in-out 0s;
  transform-origin: center center;
  user-select: none;
  cursor: pointer
}

.ys-connect .hlnpWc {
  border-width: 0;
  border-style: solid;
  border-color: #040405
}

.ys-connect .fla-dNG {
  width: 32px;
  height: 32px;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0;
  min-width: 0;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex
}

.ys-connect .fqbJCS {
  height: auto;
  max-height: 100%;
  max-width: 100%
}

.ys-connect .dlteJJ {
  font-family: inherit;
  font-weight: inherit;
  -webkit-box-flex: 1;
  flex-grow: 1;
  vertical-align: inherit
}

.ys-connect .haQoIp {
  padding-left: 16px;
  padding-right: 48px
}

.ys-connect .fHuOuj {
  display: flex;
  flex-flow: row nowrap;
  white-space: nowrap;
  background-color: rgba(4, 4, 5, 0.08);
  line-height: 56px;
  height: 56px;
  padding-left: 30.8px;
  padding-right: 30.8px;
  min-width: auto;
  border: 1px solid transparent;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  border-radius: 56px;
  font-size: 18px;
  font-weight: 900;
  font-family: inherit;
  transition: all .12s ease-in-out 0s;
  transform-origin: center center;
  user-select: none;
  cursor: pointer
}

.ys-connect .cdTyhF > :not(:last-child) {
  margin-bottom: 10px
}

.ys-connect .gmYFDX {
  border-color: rgba(4, 4, 5, 0.1);
  color: #040405;
  background: transparent
}

.ys-connect .kQHFfY {
  margin-top: calc((100vh - 500px) / 2)
}

.ys-connect .kDVqHg {
  color: #06f;
  transition: all .12s ease-in-out 0s
}

.ys-connect .gVMJtR {
  width: 22px;
  height: 22px;
  vertical-align: inherit
}

.ys-connect .bFldtE {
  display: flex;
  flex-flow: row nowrap;
  white-space: nowrap;
  background-color: rgba(4, 4, 5, 0.08);
  line-height: 56px;
  height: 56px;
  padding-left: 30.8px;
  padding-right: 30.8px;
  min-width: 224px;
  border: 1px solid transparent;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  border-radius: 56px;
  font-size: 18px;
  font-weight: 900;
  font-family: inherit;
  transition: all .12s ease-in-out 0s;
  transform-origin: center center;
  user-select: none;
  cursor: pointer
}

.ys-connect .gmYFDX {
  border-color: rgba(4, 4, 5, 0.1);
  color: #040405;
  background: transparent
}


/*
不要被覆盖的

*/
.ys-header .hQuszB {
  transition: all 0.12s ease-in-out 0s;
  color: rgb(4, 4, 5);
  height: 40px;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  flex-direction: row;
  cursor: pointer;
}

.ys-header .jxdTsu {
  transition: all 0.12s ease-in-out 0s;
  color: rgba(4, 4, 5, 0.5);
  height: 40px;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  flex-direction: row;
  cursor: pointer;
}

.ys-header .gAApEQ {
  background-image: linear-gradient(to right, rgb(255, 0, 184) 0%, rgb(100, 161, 255) 50%, rgb(0, 102, 255) 100%);
  background-size: 200%;
  color: rgb(255, 255, 255);
  border: 0px;
  transition: all 0.5s ease-in-out 0s;
}

.ys-header .kcVguc {
  display: flex;
  flex-flow: row nowrap;
  white-space: nowrap;
  background-color: rgba(4, 4, 5, 0.08);
  line-height: 40px;
  height: 40px;
  padding-left: 22px;
  padding-right: 22px;
  min-width: auto;
  border: 1px solid transparent;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  border-radius: 40px;
  font-size: 14px;
  font-weight: 900;
  font-family: inherit;
  transition: all 0.12s ease-in-out 0s;
  transform-origin: center center;
  user-select: none;
  cursor: pointer;
}

footer .kCskQI {
  transition: all 0.12s ease-in-out 0s;
  color: rgb(128, 128, 128);
}

.ys-activity {
}

.innerScrollContainer{
  height: 1496px;
}
.ys-activity .tKtGc {
  flex-flow: row nowrap;
  -webkit-box-align: stretch;
  align-items: stretch;
  max-width: initial;
  min-width: 100%;
  width: auto;
  border-bottom: 1px solid rgb(230, 230, 230);
}
.ys-activity .tKtGc > :not(:last-child) {
  margin-right: 22px;
}

.ys-activity .dQybpx {
  color: rgb(4, 4, 5);
  -webkit-box-pack: center;
  justify-content: center;
  position: relative;
  padding-bottom: 2px;
}

.dark .ys-activity .dQybpx {
  color: rgb(4, 4, 5);
  -webkit-box-pack: center;
  justify-content: center;
  position: relative;
  padding-bottom: 2px;
}

.ys-activity .ceRzSt {
  color: rgba(4, 4, 5, 0.6);
  -webkit-box-pack: center;
  justify-content: center;
  position: relative;
  padding-bottom: 2px;
}

.ys-activity .gApnkC {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background: rgb(4, 4, 5);
  height: 1px;
  width: 100%;
}

.ys-activity .dQybpx {
  color: rgb(4, 4, 5);
  -webkit-box-pack: center;
  justify-content: center;
  position: relative;
  padding-bottom: 2px;
}




.ys-activity .hBYbeP {
  width: 100%;
  margin: 0px auto;
  max-width: 1020px;
}

.ys-activity .ewNEEQ {
  padding-left: 32px;
  padding-right: 32px;
}

.ys-activity .eUKpaw {
  -webkit-box-flex: 1;
  flex: 1 0 auto;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-direction: column;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}

.ys-activity .bYpWTM {
  font-size: 24px;
}

.ys-activity .cSPwUn {
  margin-top: 16px;
}

.ys-activity .iEOpyR {
  position: relative;
  flex-shrink: 1;
  -webkit-box-flex: 1;
  flex-grow: 1;
}

.ys-activity .tKtGc {
  flex-flow: row nowrap;
  -webkit-box-align: stretch;
  align-items: stretch;
  max-width: initial;
  min-width: 100%;
  width: auto;
  border-bottom: 1px solid rgb(230, 230, 230);
}

.ys-activity .dQybpx {
  color: rgb(4, 4, 5);
  -webkit-box-pack: center;
  justify-content: center;
  position: relative;
  padding-bottom: 2px;
}

.ys-activity .kMthTr {
  background: transparent;
  border: none;
  cursor: pointer;
  line-height: normal;
}

.ys-activity .dSzotL {
  display: none;
}

.ys-activity .deQNuu {
  background: rgba(4, 4, 5, 0.3);
  border-radius: 20px;
}

.ys-activity .illmTA {
  flex-direction: column;
  -webkit-box-flex: 1;
  flex-grow: 1;
  width: 100%;
  height: 100%;
}

.ys-activity .kCEgvi {
  transition: all 0.12s ease-in-out 0s;
  display: flex;
  flex-direction: column;
  -webkit-box-flex: 1;
  flex-grow: 1;
  color: rgb(4, 4, 5);
}

.ys-activity .glYiww {
  border-radius: 16px;
  transition: all 0.12s ease-in-out 0s;
  padding: 24px;
  border: 1px solid rgb(230, 230, 230);
}

.ys-activity .bbOpBS {
  height: 68px;
  width: 68px;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}

.ys-activity .hqAiOT {
  position: relative;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}

.ys-activity .guybjA {
  position: absolute;
  z-index: 15;
  left: -8px;
  top: -8px;
}

.ys-activity .eeyuDs {
  background-color: rgb(0, 147, 255);
  border-radius: 100%;
  width: 26px;
  color: white;
  height: 26px;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
}

.ys-activity .bjddGN {
  width: 12px;
  height: 12px;
  vertical-align: inherit;
}

.ys-activity .bduAPO {
  width: 68px;
  height: 68px;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
}

.ys-activity .gnBPmJ {
  transition: opacity 0.33s ease-in-out 0s;
  opacity: 0;
  position: absolute;
}

.ys-activity .fqbJCS {
  height: auto;
  max-height: 100%;
  max-width: 100%;
}

.ys-activity .ikMhls {
  width: 68px;
  height: 68px;
  object-fit: cover;
  border-radius: 6px;
  vertical-align: inherit;
}

.ys-activity .iduHXF {
  opacity: 1;
  position: relative;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
}

.ys-activity .eclivD {
  animation: 1s linear 0s infinite normal none running kVyUDU;
  background: rgb(4, 4, 5);
  border-radius: 8px;
}

.ys-activity .iGjpWS {
  flex: 1 1 auto;
  -webkit-box-flex: 1;
  margin-left: 16px;
  margin-right: 16px;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-direction: column;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}

.ys-activity .kvViGK {
  font-family: inherit;
  font-weight: 900;
  vertical-align: inherit;
}

.ys-activity .SNHeK {
  margin-top: 4px;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}

.ys-activity .clxqKo {
  font-family: inherit;
  font-weight: 900;
  color: rgb(128, 128, 128);
  font-size: 14px;
  vertical-align: inherit;
}

.ys-activity .gMUtKK {
  transition: all 0.12s ease-in-out 0s;
  color: rgb(4, 4, 5);
}

.ys-activity .jPUBgt {
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: inline-block;
  -webkit-box-align: stretch;
  align-items: stretch;
}

.ys-activity .RWHKB {
  font-family: inherit;
  font-weight: inherit;
  color: rgb(4, 4, 5);
  vertical-align: inherit;
}

.ys-activity .dylTdz {
  margin-top: 32px;
}

.ys-activity .hJOPeY {
  vertical-align: sub;
}

.ys-activity .SNHeK {
  margin-top: 4px;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}

.ys-activity .clxqKo {
  font-family: inherit;
  font-weight: 900;
  color: rgb(128, 128, 128);
  font-size: 14px;
  vertical-align: inherit;
}

.ys-activity .jPUBgt {
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: inline-block;
  -webkit-box-align: stretch;
  align-items: stretch;
}

.ys-activity .hJOPeY {
  vertical-align: sub;
}

.ys-activity .iJAXPf {
  background-color: rgb(255, 255, 255);
  position: relative;
  border-radius: 100%;
  z-index: 1;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
}

.ys-activity .gnBPmJ {
  transition: opacity 0.33s ease-in-out 0s;
  opacity: 0;
  position: absolute;
}

.ys-activity .fqbJCS {
  height: auto;
  max-height: 100%;
  max-width: 100%;
}

.ys-activity .cBjKxQ {
  object-fit: cover;
  border-radius: 16px;
  vertical-align: inherit;
}

.ys-activity .bMvbAw {
  display: inline-block;
  margin-left: 4px;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  -webkit-box-align: stretch;
  align-items: stretch;
}

.ys-activity .clxqKo {
  font-family: inherit;
  font-weight: 900;
  color: rgb(128, 128, 128);
  font-size: 14px;
  vertical-align: inherit;
}

.ys-activity .eaPHHR {
  background-color: rgb(109, 188, 0);
  border-radius: 100%;
  width: 26px;
  color: white;
  height: 26px;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
}

.ys-activity .jtoYvP {
  position: sticky;
  top: 110px;
  width: 350px;
  margin-left: 32px;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}

.ys-activity .bDFHgv {
  flex-direction: row;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}

.ys-activity .kvViGK {
  font-family: inherit;
  font-weight: 900;
  vertical-align: inherit;
}

.ys-activity .itomPC {
  flex-flow: row wrap;
  margin-top: 16px;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}

.ys-activity .fpSwjn {
  color: rgb(4, 4, 5);
  background: transparent;
  border: 1px solid rgba(4, 4, 5, 0.1);
  box-shadow: none;
}

.ys-activity .bOjJLx > * {
  margin-bottom: 10px;
  margin-right: 10px;
}

.ys-activity .gmYFDX {
  border-color: rgba(4, 4, 5, 0.1);
  color: rgb(4, 4, 5);
  background: transparent;
}

.ys-activity .kcVguc {
  display: flex;
  flex-flow: row nowrap;
  white-space: nowrap;
  background-color: rgba(4, 4, 5, 0.08);
  line-height: 40px;
  height: 40px;
  padding-left: 22px;
  padding-right: 22px;
  min-width: auto;
  border: 1px solid transparent;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  border-radius: 40px;
  font-size: 14px;
  font-weight: 900;
  font-family: inherit;
  transition: all 0.12s ease-in-out 0s;
  transform-origin: center center;
  user-select: none;
  cursor: pointer;
}

.ys-activity .gsZTrK {
  align-items: flex-start;
  flex-direction: row;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-basis: auto;
  display: flex;
}

.ys-activity .fpSwjn {
  color: rgb(4, 4, 5);
  background: transparent;
  border: 1px solid rgba(4, 4, 5, 0.1);
  box-shadow: none;
}

/*dddddddddddddddddddddddddddddd*/
.bLlYPs {
  max-width: 580px;
}

.jyzFRQ {
  width: 100%;
  margin: 0px auto;
  max-width: 815px;
}

.ys-create .ecurBO {
  padding: 49px 16px 33px;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  display: flex;
  flex-direction: column;
  position: relative;
}

.ys-create .cngnWq {
  position: absolute;
  right: -13px;
  top: -18px;
  z-index: 100;
}

.ys-create .jxQPJt {
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  user-select: none;
  height: 32px;
  padding-left: 16px;
  padding-right: 16px;
  position: relative;
  border-radius: 32px;
  border: 2px solid transparent;
  background: rgb(4, 4, 5);
  color: rgb(255, 255, 255);
  margin: 2px;
}

.ys-create .jxQPJt::before {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: -1;
  margin: -4px;
  border-radius: 32px;
  background: rgb(4, 4, 5);
}

.ys-create .iMfeDi {
  padding-top: 48px;
  padding-bottom: 48px;
}

.ys-create .iMfeDi {
  padding-top: 28px;
  padding-bottom: 28px;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}

.ys-create .fOQaoY {
  display: flex;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  align-items: center;
  color: rgba(4, 4, 5, 0.8);
  transition: all 0.12s ease-in-out 0s;
}

.ys-create .kMthTr {
  background: transparent;
  border: none;
  cursor: pointer;
  line-height: normal;
}

.ys-create .jOsQKY {
  font-family: inherit;
  font-weight: 500;
  vertical-align: inherit;
  color: inherit;
  padding: 0px;
  overflow: visible;
}

.ys-create .kvViGK {
  font-family: inherit;
  font-weight: 900;
  vertical-align: inherit;
}

.ys-create .bYpWTM {
  font-size: 36px;
}

.ys-create .iEZsSN {
  margin-top: 16px;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}

.ys-create .erNOLb {
  font-family: inherit;
  font-weight: 500;
  color: rgb(128, 128, 128);
  vertical-align: inherit;
}

.ys-create .eVxsgC {
  margin-top: 40px;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}

.ys-create .gcevQO {
  display: grid;
  grid-template-columns:repeat(auto-fill, minmax(180px, 1fr));
  grid-auto-rows: auto;
  gap: 16px;
}

.ys-create .fsomym {
  display: flex;
  flex-direction: column;
  color: rgb(4, 4, 5);
}

.ys-create .bzLuzV {
  text-decoration: none;
  color: rgb(0, 102, 255);
}

.ys-create .kMthTr {
  background: transparent;
  border: none;
  cursor: pointer;
  line-height: normal;
}

.ys-create .bfTFYV {
  border: 2px solid rgba(4, 4, 5, 0.1);
  border-radius: 16px;
  transition: all 0.12s ease-in-out 0s;
  user-select: none;
}

.ys-create .bWjUoa {
  transition: all 0.12s ease-in-out 0s;
  font-family: inherit;
  font-weight: 500;
  vertical-align: inherit;
  color: inherit;
  padding: 0px;
  overflow: visible;
}

.ys-create .bDIhnP {
  width: 85px;
  height: 135px;
}

.ys-create .fqbJCS {
  height: auto;
  max-height: 100%;
  max-width: 100%;
}

.ys-create .bfaWCV {
  object-fit: contain;
  width: 85px;
  height: 135px;
  vertical-align: inherit;
}

.ys-create .ecurBO {
  padding: 49px 16px 33px;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  display: flex;
  flex-direction: column;
  position: relative;
}

.ys-create .ftnDnF {
  font-family: inherit;
  font-weight: 900;
  text-align: center;
  vertical-align: inherit;
}

.ys-create .jxQPJt {
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  user-select: none;
  height: 32px;
  padding-left: 16px;
  padding-right: 16px;
  position: relative;
  border-radius: 32px;
  border: 2px solid transparent;
  background: rgb(4, 4, 5);
  color: rgb(255, 255, 255);
  margin: 2px;
}

.ys-create .cngnWq {
  position: absolute;
  right: -13px;
  top: -18px;
}

.ys-create .eSUOWX {
  margin-top: 32px;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}

.ys-create .erNOLb {
  font-family: inherit;
  font-weight: 500;
  color: rgb(128, 128, 128);
  vertical-align: inherit;
}

.ys-create .fsomym {
  display: flex;
  flex-direction: column;
  color: rgb(4, 4, 5);
  position: relative;
}

/*============ ys-create-one ==========================================*/
.jyzFRQ {
  width: 100%;
  margin: 0 auto;
  max-width: 815px
}

.ys-create-one .ewNEEQ {
  padding-left: 32px;
  padding-right: 32px
}

.ys-create-one .bGmXEd {
  padding-top: 48px;
  padding-bottom: 48px
}

.ys-create-one .bGmXEd {
  -webkit-box-flex: 1;
  flex: 1 0 auto;
  padding-top: 28px;
  padding-bottom: 28px;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0;
  min-width: 0;
  flex-direction: column;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch
}

.ys-create-one .fOQaoY {
  display: flex;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  align-items: center;
  color: rgba(4, 4, 5, .8);
  transition: all .12s ease-in-out 0s
}

.ys-create-one .iaUIlT {
  flex-direction: row;
  -webkit-box-align: baseline;
  align-items: baseline;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0;
  min-width: 0;
  flex-shrink: 0;
  flex-basis: auto;
  display: flex
}

.ys-create-one .cOPuYl {
  font-family: inherit;
  font-weight: 900;
  color: #040405;
  font-size: 17px;
  vertical-align: inherit
}

.ys-create-one .ccOAwW {
  margin-top: 8px;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0;
  min-width: 0;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch
}

.ys-create-one .cxgzRD {
  border: 2px dashed rgba(4, 4, 5, .1);
  min-height: 150px;
  padding: 32px 60px;
  position: relative;
  border-radius: 16px;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  flex-direction: column
}

.ys-create-one .llcJNA {
  vertical-align: inherit;
  display: none;
  position: fixed;
  left: -100vw
}

.ys-create-one .gpSzjH {
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0;
  min-width: 0;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex
}

.ys-create-one .TcLvW {
  font-family: inherit;
  font-weight: 500;
  text-align: center;
  color: grey;
  font-size: 15px;
  vertical-align: inherit
}

.ys-create-one .iEZsSN {
  margin-top: 16px;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0;
  min-width: 0;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch
}

.ys-create-one .gAjtoe {
  border-color: transparent;
  color: #06f;
  background: rgba(0, 102, 255, .15)
}

.ys-create-one .jpqtuI {
  display: flex;
  flex-flow: row nowrap;
  white-space: nowrap;
  background-color: rgba(4, 4, 5, .08);
  line-height: 40px;
  height: 40px;
  padding-left: 22px;
  padding-right: 22px;
  min-width: 160px;
  border: 1px solid transparent;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  border-radius: 40px;
  font-size: 14px;
  font-weight: 900;
  font-family: inherit;
  transition: all .12s ease-in-out 0s;
  transform-origin: center center;
  user-select: none;
  cursor: pointer
}


.ys-create-one .kyHBfZ {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 100%;
  font-family: inherit;
  font-weight: inherit;
  vertical-align: inherit
}

.ys-create-one .gvwRSx {
  margin-top: 34px;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0;
  min-width: 0;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch
}

.ys-create-one .cIKJZC {
  flex-direction: row;
  align-items: flex-start;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0;
  min-width: 0;
  flex-shrink: 0;
  flex-basis: auto;
  display: flex
}

.ys-create-one .bpmAXt {
  -webkit-box-flex: 1;
  flex: 1 1 auto;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0;
  min-width: 0;
  flex-direction: column;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch
}

.ys-create-one .bURvvR {
  font-family: inherit;
  font-weight: 900;
  font-size: 18px;
  vertical-align: inherit
}

.ys-create-one .kvViGK {
  font-family: inherit;
  font-weight: 900;
  vertical-align: inherit
}

.ys-create-one .dNiPBR {
  font-family: inherit;
  font-weight: 500;
  margin-top: 4px;
  font-size: 14px;
  color: grey;
  vertical-align: inherit
}

.ys-create-one .hYAlqE {
  margin-left: 16px;
  margin-top: 8px;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0;
  min-width: 0;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch
}

.ys-create-one .llcJNA {
  vertical-align: inherit;
  display: none;
  position: fixed;
  left: -100vw
}

.ys-create-one .jtIZqj {
  flex-direction: row;
  -webkit-box-align: center;
  align-items: center;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0;
  min-width: 0;
  flex-shrink: 0;
  flex-basis: auto;
  display: flex
}

.ys-create-one .bYSTgt {
  position: relative;
  width: 40px;
  height: 20px;
  background-color: #06f;
  border-radius: 40px;
  transition: all .12s ease-in-out 0s
}

.ys-create-one .AgEDI {
  opacity: 1;
  background-color: #fff;
  width: 12px;
  height: 12px;
  border-radius: 12px;
  position: absolute;
  transition: all .12s ease-in-out 0s;
  top: 4px;
  left: 4px;
  transform: translateX(20px)
}

.ys-create-one .ftfPZg {
  gap: 16px
}

.ys-create-one .ftfPZg {
  display: grid;
  grid-template-columns:repeat(3, 1fr);
  grid-auto-rows: auto;
  gap: 10px
}

.ys-create-one .nVZus {
  border: 2px solid #06f;
  border-radius: 16px;
  transition: all .12s ease-in-out 0s;
  user-select: none
}

.ys-create-one .BkNqh {
  width: 40px;
  height: 40px;
  vertical-align: inherit
}

.ys-create-one .fqbJCS {
  height: auto;
  max-height: 100%;
  max-width: 100%
}

.ys-create-one .kLYiIk {
  margin-top: 8px;
  max-width: 60px;
  vertical-align: inherit;
  min-height: 0;
  min-width: 0;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch
}

.ys-create-one .itplAA {
  font-size: 14px
}

.ys-create-one .itplAA {
  font-size: 12px;
  line-height: 1.4
}

.ys-create-one .ftnDnF {
  font-family: inherit;
  font-weight: 900;
  text-align: center;
  vertical-align: inherit
}

.ys-create-one .ewNEEQ {
  padding-left: 16px;
  padding-right: 16px;
  -webkit-box-flex: 1;
  flex: 1 0 auto;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0;
  min-width: 0;
  flex-direction: column;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch
}

.ys-create-one .hKoGUP {
  flex-shrink: 0;
  flex-basis: 255px;
  position: sticky;
  margin-left: 32px;
  top: 110px;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0;
  min-width: 0;
  flex-direction: column;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch
}

.ys-create-one .kRuSvk {
  vertical-align: inherit
}

.ys-create-one .ccOAwW {
  margin-top: 8px;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0;
  min-width: 0;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch
}

.ys-create-one .iwKkPp {
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0
}

.ys-create-one .dxjljD {
  padding: 22px 24px
}

.ys-create-one .dxjljD {
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  height: 100%;
  width: 100%;
  position: relative;
  background: #fff;
  padding: 18px;
  border-radius: 16px;
  border: 1px solid rgba(4, 4, 5, .1);
  overflow: hidden
}

.ys-create-one .dbFHnU {
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  height: 320px;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0;
  min-width: 0;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex
}

.ys-create-one .cbTGBi {
  font-family: inherit;
  font-weight: 500;
  text-align: center;
  font-size: 15px;
  color: grey;
  vertical-align: inherit
}

.ys-create-one .htFMXJ {
  height: 100%;
  width: 100%;
  position: relative
}

.ys-create-one .iwKkPp {
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0
}

.ys-create-one .dxjljD {
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  height: 100%;
  width: 100%;
  position: relative;
  background: #fff;
  padding: 18px;
  border-radius: 16px;
  border: 1px solid rgba(4, 4, 5, .1);
  overflow: hidden
}

.ys-create-one .dxjljD {
  padding: 22px 24px
}

.ys-create-one .dbFHnU {
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  height: 320px;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0;
  min-width: 0;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex
}

.ys-create-one .hKoGUP {
  flex-shrink: 0;
  flex-basis: 255px;
  position: sticky;
  margin-left: 32px;
  top: 110px;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0;
  min-width: 0;
  flex-direction: column;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch
}


.ys-create-one .iFsNGi {
  align-items: flex-start;
  flex-direction: row;
  margin-top: 32px;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-basis: auto;
  display: flex;
}

.ys-create-one .bfTFYV {
  border: 2px solid rgba(4, 4, 5, 0.1);
  border-radius: 16px;
  transition: all 0.12s ease-in-out 0s;
  user-select: none;
}

.ys-create-one .nVZus {
  border: 2px solid rgb(0, 102, 255);
  border-radius: 16px;
  transition: all 0.12s ease-in-out 0s;
  user-select: none;
}

.ys-create-one .hIzKoN {
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  display: flex;
  flex-direction: column;
  height: 140px;
  width: 100%;
  padding: 0px 20px;
}

.ys-create-one .gvwRSx {
  margin-top: 34px;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}

.ys-create-one .dwBoLC {
  margin-bottom: 4px;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}

.ys-create-one .cOPuYl {
  font-family: inherit;
  font-weight: 900;
  color: rgb(4, 4, 5);
  font-size: 17px;
  vertical-align: inherit;
}

.ys-create-one .gxouOx {
  border-width: 0px 0px 2px;
  border-top-color: initial;
  border-right-color: initial;
  border-left-color: initial;
  border-image: initial;
  min-height: 48px;
  padding-top: 0px;
  padding-bottom: 0px;
  border-bottom-color: rgba(4, 4, 5, 0.07);
  border-style: solid;
  transition: all 0.12s ease-in-out 0s;
}

.ys-create-one .klCgON {
  flex: 1 1 auto;
  -webkit-box-flex: 1;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-direction: column;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}

.ys-create-one .YYmFn {
  background: transparent;
  border-width: 0px;
  color: rgba(4, 4, 5, 0.8);
  outline: none;
  font-size: 15px;
}

.ys-create-one .KAQCO {
  margin-left: 8px;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}

.ys-create-one .jARayQ {
  display: inline-block;
}

.ys-create-one .bzmvCG {
  color: rgb(128, 128, 128);
  transition: all 0.12s ease-in-out 0s;
}

.ys-create-one .euSDtR {
  width: 10px;
  height: 10px;
  vertical-align: inherit;
}

.ys-create-one .fXpSLT {
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: row;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
}

.ys-create-one .gxouOx {
  border-width: 0px 0px 2px;
  border-top-color: initial;
  border-right-color: initial;
  border-left-color: initial;
  border-image: initial;
  min-height: 48px;
  padding-top: 0px;
  padding-bottom: 0px;
  border-bottom-color: rgba(4, 4, 5, 0.07);
  border-style: solid;
  transition: all 0.12s ease-in-out 0s;
}

.ys-create-one .laITTf {
  font-family: inherit;
  font-weight: inherit;
  margin-top: 16px;
  font-size: 14px;
  vertical-align: inherit;
}

.ys-create-one .btCxQB {
  font-family: inherit;
  font-weight: 500;
  color: rgb(128, 128, 128);
  font-size: 15px;
  vertical-align: inherit;
}

.ys-create-one .gvwRSx {
  margin-top: 34px;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}

.ys-create-one .cIKJZC {
  flex-direction: row;
  align-items: flex-start;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-basis: auto;
  display: flex;
}

.ys-create-one .bpmAXt {
  -webkit-box-flex: 1;
  flex: 1 1 auto;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-direction: column;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}

.ys-create-one .hYAlqE {
  margin-left: 16px;
  margin-top: 8px;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}

.ys-create-one .eanEwv {
  border-width: 0px 0px 2px;
  border-top-color: initial;
  border-right-color: initial;
  border-left-color: initial;
  border-image: initial;
  min-height: initial;
  padding-top: 14px;
  padding-bottom: 14px;
  border-bottom-color: rgba(4, 4, 5, 0.07);
  border-style: solid;
  transition: all 0.12s ease-in-out 0s;
}

.ys-create-one .klCgON {
  flex: 1 1 auto;
  -webkit-box-flex: 1;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-direction: column;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}

.ys-create-one .cm-s-rarible.CodeMirror {
  height: auto;
  font-size: inherit;
  position: relative;
  font-family: inherit;
  min-height: initial;
  background: rgb(255, 255, 255);
  color: rgb(4, 4, 5);
}

.ys-create-one .bnynbf {
  font-family: inherit;
  font-weight: 900;
  color: rgb(12, 80, 255);
  vertical-align: inherit;
  background: linear-gradient(to right, rgb(12, 80, 255) 0%, rgb(12, 80, 255) 24%, rgb(91, 157, 255) 55.73%, rgb(255, 116, 241) 75%, rgb(255, 116, 241) 100%) text;

}

.ys-create-one .hYAlqE {
  margin-left: 16px;
  margin-top: 8px;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}


.ys-create-one .jtIZqj {
  flex-direction: row;
  -webkit-box-align: center;
  align-items: center;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-basis: auto;
  display: flex;
}

.ys-create-one .bYSTgt {
  position: relative;
  width: 40px;
  height: 20px;
  background-color: rgb(0, 102, 255);
  border-radius: 40px;
  transition: all 0.12s ease-in-out 0s;
}

.ys-create-one .jtIZqj {
  flex-direction: row;
  -webkit-box-align: center;
  align-items: center;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-basis: auto;
  display: flex;
}

.ys-create-one .bYSTgt {
  position: relative;
  width: 40px;
  height: 20px;
  background-color: rgb(0, 102, 255);
  border-radius: 40px;
  transition: all 0.12s ease-in-out 0s;
}

.ys-create-one .dwBoLC {
  margin-bottom: 4px;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}

.bhZkeZ {
  gap: 16px;
}

.ys-create-one .bhZkeZ {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: auto;
  gap: 10px;
}

.ys-create-one .kDigEQ {
  position: relative;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  display: flex;
  flex-direction: column;
  height: 140px;
  width: 100%;
}

.ys-create-one .bfTFYV {
  border: 2px solid rgba(4, 4, 5, 0.1);
  border-radius: 16px;
  transition: all 0.12s ease-in-out 0s;
  user-select: none;
}


.ys-create-one .nVZus {
  border: 2px solid rgb(0, 102, 255);
  border-radius: 16px;
  transition: all 0.12s ease-in-out 0s;
  user-select: none;
}

.ys-create-one .kAFpxS {
  font-family: inherit;
  font-weight: 900;
  color: rgb(0, 102, 255);
  vertical-align: inherit;
  background: linear-gradient(126.49deg, rgb(0, 163, 255) 0%, rgb(0, 102, 255) 100%) text;
}

.ys-create-one .CodeMirror-scroll {
  overflow-x: hidden !important;
  margin-bottom: -50px;
  margin-right: -50px;
  padding-bottom: 50px;
  height: 100%;
  outline: none;
  position: relative;
}

.ys-create-one .CodeMirror-measure {
  position: absolute;
  width: 100%;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.ys-create-one .klCgON {
  flex: 1 1 auto;
  -webkit-box-flex: 1;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-direction: column;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}

.ys-create-one .eanEwv {
  border-width: 0px 0px 2px;
  border-top-color: initial;
  border-right-color: initial;
  border-left-color: initial;
  border-image: initial;
  min-height: initial;
  padding-top: 14px;
  padding-bottom: 14px;
  border-bottom-color: rgba(4, 4, 5, 0.07);
  border-style: solid;
  transition: all 0.12s ease-in-out 0s;
}

.ys-create-one .djVHsd {
  font-family: inherit;
  font-weight: 500;
  margin-top: 8px;
  color: rgb(128, 128, 128);
  font-size: 14px;
  vertical-align: inherit;
}

.ys-create-one .iEZsSN {
  margin-top: 16px;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}


.ys-create-one .gvwRSx {
  margin-top: 34px;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}

.ys-create-one .dwBoLC {
  margin-bottom: 4px;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}

.ys-create-one .iaUIlT {
  flex-direction: row;
  -webkit-box-align: baseline;
  align-items: baseline;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-basis: auto;
  display: flex;
}

.ys-create-one .cOPuYl {
  font-family: inherit;
  font-weight: 900;
  color: rgb(4, 4, 5);
  font-size: 17px;
  vertical-align: inherit;
}

.ys-create-one .eanEwv {
  border-width: 0px 0px 2px;
  border-top-color: initial;
  border-right-color: initial;
  border-left-color: initial;
  border-image: initial;
  min-height: initial;
  padding-top: 14px;
  padding-bottom: 14px;
  border-bottom-color: rgba(4, 4, 5, 0.07);
  border-style: solid;
  transition: all 0.12s ease-in-out 0s;
}

.ys-create-one .CodeMirror pre.CodeMirror-line, .CodeMirror pre.CodeMirror-line-like {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  border-width: 0;
  background: transparent;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  white-space: pre;
  word-wrap: normal;
  line-height: inherit;
  color: inherit;
  z-index: 2;
  position: relative;
  overflow: visible;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-variant-ligatures: contextual;
  font-variant-ligatures: contextual;
}

.ys-create-one .CodeMirror-wrap pre.CodeMirror-line, .CodeMirror-wrap pre.CodeMirror-line-like {
  word-wrap: break-word;
  white-space: pre-wrap;
  word-break: normal;
}

.ys-create-one .CodeMirror-scroll, .CodeMirror-sizer, .CodeMirror-gutter, .CodeMirror-gutters, .CodeMirror-linenumber {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.CodeMirror-lines {
  cursor: text;
  min-height: 1px;
}

.CodeMirror-lines {
  padding: 4px 0;
}

.ys-create-one .CodeMirror-measure {
  position: absolute;
  width: 100%;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.CodeMirror-wrap pre.CodeMirror-line, .CodeMirror-wrap pre.CodeMirror-line-like {
  word-wrap: break-word;
  white-space: pre-wrap;
  word-break: normal;
}

.ys-create-one .eanEwv {
  border-width: 0px 0px 2px;
  border-top-color: initial;
  border-right-color: initial;
  border-left-color: initial;
  border-image: initial;
  min-height: initial;
  padding-top: 14px;
  padding-bottom: 14px;
  border-bottom-color: rgba(4, 4, 5, 0.07);
  border-style: solid;
  transition: all 0.12s ease-in-out 0s;
}

.ys-create-one .CodeMirror-code {
  outline: none;
}

.CodeMirror pre.CodeMirror-line, .CodeMirror pre.CodeMirror-line-like {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  border-width: 0;
  background: transparent;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  white-space: pre;
  word-wrap: normal;
  line-height: inherit;
  color: inherit;
  z-index: 2;
  position: relative;
  overflow: visible;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-variant-ligatures: contextual;
  font-variant-ligatures: contextual;
}

.ys-create-one .djVHsd {
  font-family: inherit;
  font-weight: 500;
  margin-top: 8px;
  color: rgb(128, 128, 128);
  font-size: 14px;
  vertical-align: inherit;
}

.ys-create-one .CodeMirror-sizer {
  position: relative;
  border-right: 50px solid transparent;
}

.ys-create-one .cm-s-rarible.CodeMirror {
  height: auto;
  font-size: inherit;
  position: relative;
  font-family: inherit;
  min-height: initial;
  background: rgb(255, 255, 255);
  color: rgb(4, 4, 5);
}

.ys-create-one .CodeMirror {
  font-family: monospace;
  height: 300px;
  color: black;
  direction: ltr;
}


.ys-create-one .eanEwv {
  border-width: 0px 0px 2px;
  border-top-color: initial;
  border-right-color: initial;
  border-left-color: initial;
  border-image: initial;
  min-height: initial;
  padding-top: 14px;
  padding-bottom: 14px;
  border-bottom-color: rgba(4, 4, 5, 0.07);
  border-style: solid;
  transition: all 0.12s ease-in-out 0s;
}

.ys-create-one .fokrKr {
  background: transparent;
  border-width: 0px;
  color: rgba(4, 4, 5, 0.8);
  resize: none;
}

.ys-create-one .bsGkxZ {
  font-family: inherit;
  font-weight: 500;
  vertical-align: inherit;
  padding: 0px;
  overflow: hidden;
}

.ys-create-one .bZRgEU {
  display: flex;
  flex-flow: row nowrap;
  white-space: nowrap;
  background-color: rgba(4, 4, 5, 0.08);
  line-height: 48px;
  height: 48px;
  padding-left: 26.4px;
  padding-right: 26.4px;
  min-width: 192px;
  border: 1px solid transparent;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  border-radius: 48px;
  font-size: 15px;
  font-weight: 900;
  font-family: inherit;
  transition: all 0.12s ease-in-out 0s;
  transform-origin: center center;
  user-select: none;
  cursor: pointer;
}

.ys-create-one .gmYFDX {
  border-color: rgba(4, 4, 5, 0.1);
  color: rgb(4, 4, 5);
  background: transparent;
}

.ys-create-one .bpBYPc {
  margin-top: 24px;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}

.ys-create-one .dylTdz {
  margin-top: 32px;
}

.ys-create-one .bZRgEU {
  display: flex;
  flex-flow: row nowrap;
  white-space: nowrap;
  background-color: rgba(4, 4, 5, 0.08);
  line-height: 48px;
  height: 48px;
  padding-left: 26.4px;
  padding-right: 26.4px;
  min-width: 192px;
  border: 1px solid transparent;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  border-radius: 48px;
  font-size: 15px;
  font-weight: 900;
  font-family: inherit;
  transition: all 0.12s ease-in-out 0s;
  transform-origin: center center;
  user-select: none;
  cursor: pointer;
}

.ys-create-one .cvygfi {
  border-color: rgb(0, 102, 255);
  color: rgb(255, 255, 255);
  background: rgb(0, 102, 255);
}

.ys-create-one .capUXh > :not(:last-child) {
  margin-bottom: 0px;
  margin-right: 20px;
}

.ys-create-one .gfaMYT {
  font-family: inherit;
  font-weight: inherit;
  text-align: center;
  font-size: 14px;
  color: rgb(128, 128, 128);
  vertical-align: inherit;
}

.ys-create-one .capUXh {
  flex-direction: row;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
}

.ys-create-one .bGVNYu {
  position: absolute;
  z-index: 10;
  top: 16px;
  right: 16px;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}

.ys-create-one .lcA-dFo {
  height: 40px;
  width: 40px;
  border: 1px solid transparent;
  -webkit-box-align: center;
  align-items: center;
  cursor: pointer;
  outline: none;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  transition: all 0.12s ease-in-out 0s;
  border-radius: 40px;
  background-color: rgba(4, 4, 5, 0.08);
  color: rgb(4, 4, 5);
  transform-origin: center center;
}

.ys-create-one .jdNDQo {
  border-color: rgba(4, 4, 5, 0.1);
  color: rgba(4, 4, 5, 0.8);
  background: transparent;
}

.ys-create-one .jZIhBR {
  width: 13.2px;
  height: 13.2px;
  vertical-align: inherit;
}

.ys-create-one .bkvegn {
  width: 100%;
  -webkit-box-align: center;
  align-items: center;
  max-height: 100%;
  max-width: 100%;
  -webkit-box-pack: center;
  justify-content: center;
  vertical-align: inherit;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
}

.ys-create-one .gpSzjH {
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
}

.ys-create-one .hIzKoN {
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  display: flex;
  flex-direction: column;
  height: 140px;
  width: 100%;
  padding: 0px 20px;
}

.ys-create-one .nVZus {
  border: 2px solid rgb(0, 102, 255);
  border-radius: 16px;
  transition: all 0.12s ease-in-out 0s;
  user-select: none;
}

.ys-create-one .bfTFYV {
  border: 2px solid rgba(4, 4, 5, 0.1);
  border-radius: 16px;
  transition: all 0.12s ease-in-out 0s;
  user-select: none;
}

.ys-create-one .csWha-d {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: auto;
  gap: 10px;
}

.ys-create-one .opCYB {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  gap: 16px;
}

.ys-create-one .gxouOx {
  border-width: 0px 0px 2px;
  border-top-color: initial;
  border-right-color: initial;
  border-left-color: initial;
  border-image: initial;
  min-height: 48px;
  padding-top: 0px;
  padding-bottom: 0px;
  border-bottom-color: rgba(4, 4, 5, 0.07);
  border-style: solid;
  transition: all 0.12s ease-in-out 0s;
}

.ys-create-one .cPgGxl > :not(:last-child) {
  margin-bottom: 40px;
}

/**************************************************************************************************/
.jqzpit {
  margin-top: 4px;
  -webkit-box-flex: 1;
  flex: 1 0 auto;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-direction: column;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}

.ys-space .jdZRXb {
  padding-left: 32px;
  padding-right: 32px;
}

.ys-space .ilcSLk {
  height: 260px;
  position: relative;
}

.ys-space .gIRfpr {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  border-radius: 16px;
  overflow: hidden;
  background-color: rgba(4, 4, 5, 0.03);
}

.ys-space .cAmTGk {
  background-size: cover;
  background-position: center center;
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  background-image: url(/static/img/space_bg.png);
  filter: none;
  transition: all 0.12s ease-in-out 0s;
  opacity: 1;
}

.ys-space .bbkESK {
  background-size: cover;
  background-position: center center;
  position: absolute;
  left: -5px;
  top: -5px;
  right: -5px;
  bottom: -5px;
  background-image: url(/static/img/space_bg.png);
  filter: blur(100px);
  transition: all 0.12s ease-in-out 0s;
  opacity: 1;
}

.ys-space .hanuZW {
  position: absolute;
  bottom: -30px;
  left: 50%;
  overflow: hidden;
  transform: translateX(-50%);
  z-index: 10;
}

.ys-space .lbYLeU {
  border: 4px solid rgb(255, 255, 255);
  border-radius: 100%;
  position: relative;
  overflow: hidden;
}

.ys-space .iJAXPf {
  background-color: rgb(255, 255, 255);
  position: relative;
  border-radius: 100%;
  z-index: 1;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
}

.ys-space .gnBPmJ {
  transition: opacity 0.33s ease-in-out 0s;
  opacity: 0;
  position: absolute;
}

.ys-space .hanuZW {
  position: absolute;
  bottom: -30px;
  left: 50%;
  overflow: hidden;
  transform: translateX(-50%);
  z-index: 10;
}

.ys-space .iduHXF {
  opacity: 1;
  position: relative;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
}

.ys-space .jhldcT {
  animation: 1s linear 0s infinite normal none running kVyUDU;
  background: rgb(4, 4, 5);
  border-radius: 100%;
}

.ys-space .iJAXPf {
  background-color: rgb(255, 255, 255);
  position: relative;
  border-radius: 100%;
  z-index: 1;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
}

.ys-space .lbYLeU {
  border: 4px solid rgb(255, 255, 255);
  border-radius: 100%;
  position: relative;
}

.ys-space .jhldcT {
  animation: 1s linear 0s infinite normal none running kVyUDU;
  background: rgb(4, 4, 5);
  border-radius: 100%;
}

.ys-space .gLoLZO {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 100%;
  font-family: inherit;
  font-weight: 900;
  font-size: 28px;
  text-align: center;
  vertical-align: inherit;
}

.ys-space .kIrTuc {
  flex-flow: row wrap;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
}

.ys-space .kIrTuc > :not(:last-child) {
  margin-right: 10px;
}

.ys-space .hpCbqb {
  padding: 2px 10px;
  border-radius: 12px;
  line-height: 22px;
  text-align: center;
  color: rgb(128, 128, 128);
  background: rgba(4, 4, 5, 0.04);
  transition: all 0.12s ease-in-out 0s;
}

.ys-space .jXPNHn {
  font-family: "Roboto Mono", monospace;
  font-weight: 700;
  font-size: 14px;
  vertical-align: inherit;
  color: inherit;
  padding: 0px;
  overflow: visible;
}

.ys-space .bcdnPS {
  -webkit-box-flex: 1;
  flex: 1 0 auto;
  margin-top: 52px;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-direction: column;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}

.ys-space .bpBYPc {
  margin-top: 24px;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}

.ys-space .jtIZqj {
  flex-direction: row;
  -webkit-box-align: center;
  align-items: center;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-basis: auto;
  display: flex;
}

.ys-space .jARayQ {
  display: inline-block;
}

 .gxiNwA {
  height: 48px;
  width: 48px;
  border: 1px solid transparent;
  -webkit-box-align: center;
  align-items: center;
  cursor: pointer;
  outline: none;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  transition: all 0.12s ease-in-out 0s;
  border-radius: 48px;
  background-color: rgba(4, 4, 5, 0.08);
  color: rgb(4, 4, 5);
  transform-origin: center center;
}

.ys-space .jdNDQo {
  border-color: rgba(4, 4, 5, 0.1);
  color: rgba(4, 4, 5, 0.8);
  background: transparent;
}

.ys-space .jARayQ {
  display: inline-block;
}

.ys-space .jtIZqj {
  flex-direction: row;
  -webkit-box-align: center;
  align-items: center;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-basis: auto;
  display: flex;
}

.ys-space .bpBYPc {
  margin-top: 24px;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}

.ys-space .KAQCO {
  margin-left: 8px;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}

.ys-space .eSUOWX {
  margin-top: 32px;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}

.ys-space .cEMbhx {
  margin-bottom: 16px;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}

.ys-space .tKtGc {
  flex-flow: row nowrap;
  -webkit-box-align: stretch;
  align-items: stretch;
  max-width: initial;
  min-width: 100%;
  width: auto;
  height: 48px;
  border-bottom: 1px solid rgb(230, 230, 230);
}

.dark .ys-space .gApnkC{
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background: rgb(255, 255, 255);
  height: 1px;
  width: 100%;
}

.dark .ys-space .jdNDQo{
  border-color: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.8);
  background: transparent;
}
.dark   .gxiNwA{
  transition: all 0.12s ease-in-out 0s;
  width: 30px;
  height: 30px;
  background: transparent;
  color: rgb(128, 128, 128);
}


.ys-space .tKtGc > :not(:last-child) {
  margin-right: 22px;
}

.ePIudx{

  margin-top: 12px;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}
.ys-space .jOsQKY {
  font-family: inherit;
  font-weight: 500;
  vertical-align: inherit;
  color: inherit;
  padding: 0px;
  overflow: visible;
}

.ys-space .aBwtF {
  white-space: nowrap;
}

.ys-space .dQybpx {
  color: rgb(4, 4, 5);
  -webkit-box-pack: center;
  justify-content: center;
  position: relative;
  padding-bottom: 2px;
}

.ys-space .gApnkC {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background: rgb(4, 4, 5);
  height: 1px;
  width: 100%;
}

.ys-space .ceRzSt {
  color: rgba(4, 4, 5, 0.6);
  -webkit-box-pack: center;
  justify-content: center;
  position: relative;
  padding-bottom: 2px;
}

.ys-space .tKtGc {
  flex-flow: row nowrap;
  -webkit-box-align: stretch;
  align-items: stretch;
  max-width: initial;
  min-width: 100%;
  width: auto;
  border-bottom: 1px solid rgb(230, 230, 230);
}

.ys-space .kMthTr {
  background: transparent;
  border: none;
  cursor: pointer;
  line-height: normal;
}

.ys-space .dQybpx {
  color: rgb(4, 4, 5);
  -webkit-box-pack: center;
  justify-content: center;
  position: relative;
  padding-bottom: 2px;
}

.ys-space .lgaBJv {
  -webkit-box-pack: center;
  justify-content: center;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}

.ys-space .jdNDQo {
  border-color: rgba(4, 4, 5, 0.1);
  color: rgba(4, 4, 5, 0.8);
  background: transparent;
}


.ys-space .hBYbZc {
  width: 100%;
  margin: 0px auto;
  max-width: 1500px;
}
.ys-space .jdZRXb {
  padding-left: 32px;
  padding-right: 32px;
}

.ys-space .gpSzjH {
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
}

.ys-space .jdNDQo {
  border-color: rgba(4, 4, 5, 0.1);
  color: rgba(4, 4, 5, 0.8);
  background: transparent;
}

.ys-space .eSUOWX {
  margin-top: 32px;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}

.ys-space .cEMbhx {
  margin-bottom: 16px;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}
.ys-space .iEOpyR {
  position: relative;
  flex-shrink: 1;
  -webkit-box-flex: 1;
  flex-grow: 1;
}
.ys-space .lgaBJv {
  -webkit-box-pack: center;
  justify-content: center;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}
.ys-space .tKtGc {
  flex-flow: row nowrap;
  -webkit-box-align: stretch;
  align-items: stretch;
  max-width: initial;
  min-width: 100%;
  width: auto;
  border-bottom: 1px solid rgb(230, 230, 230);
}
.ys-space .dSzotL {
  display: none;
}
.ys-space .deQNuu {
  background: rgba(4, 4, 5, 0.3);
  border-radius: 20px;
}
.ys-space .illmTA {
  flex-direction: column;
  -webkit-box-flex: 1;
  flex-grow: 1;
  width: 100%;
  height: 100%;
}
.ys-space .fRPFrj {
  flex-flow: row nowrap;
}
.ys-space .fRPFrj > :not(:last-child) {
  margin-right: 12px;
}
.ys-space .iEOpyR {
  position: relative;
  flex-shrink: 1;
  -webkit-box-flex: 1;
  flex-grow: 1;
}
.ys-space .gaNrfP {
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex: 1 0 auto;
  flex-direction: column;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
  padding-top: 8px;
  padding-bottom: 16px;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-flex: 1;
}

.ys-space .hqAiOT {
  padding-right: 10px;
  position: relative;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}
.ys-space .gaNrfP {
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex: 1 0 auto;
  flex-direction: column;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
  padding-top: 8px;
  padding-bottom: 16px;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-flex: 1;
}
.ys-space .jNqTQC {
  flex-flow: row nowrap;
  -webkit-box-align: center;
  align-items: center;
}
.ys-space .jNqTQC > :not(:last-child) {
  margin-right: 10px;
}
.ys-space .hqAiOT {
  position: relative;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}
.ys-space .kexosn {
  z-index: 5;
  position: absolute;
  top: -5px;
  max-width: 80%;
  left: 14px;
  background-color: rgb(255, 255, 255);
  display: inline-block;
  padding: 0px 5px;
  font-size: 11px;
  color: rgb(128, 128, 128);
}
.ys-space .ljCPJp {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 100%;
  font-family: inherit;
  font-weight: 900;
  vertical-align: inherit;
}
.ys-space .hGXUjR {
  padding: 0px 18px;
  background-color: rgb(255, 255, 255);
}
.ys-space .gfYNME {
  max-width: 200px;
}

.ys-space .kyHBfZ {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 100%;
  font-family: inherit;
  font-weight: inherit;
  vertical-align: inherit;
}

.ys-space .cJfgmS {
  vertical-align: middle;
  margin-right: 6px;
  margin-bottom: 2px;
}

.ys-space .klKumv {
  margin-left: 6px;
  margin-right: 2px;
}
.ys-space  .jNqTQC > :not(:last-child) {
  margin-right: 10px;
}
.ys-space .jARayQ {
  display: inline-block;
}

.ys-space .kcVguc {
  display: flex;
  flex-flow: row nowrap;
  white-space: nowrap;
  background-color: rgba(4, 4, 5, 0.08);
  line-height: 40px;
  height: 40px;
  padding-left: 22px;
  padding-right: 22px;
  min-width: auto;
  border: 1px solid transparent;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  border-radius: 40px;
  font-size: 14px;
  font-weight: 900;
  font-family: inherit;
  transition: all 0.12s ease-in-out 0s;
  transform-origin: center center;
  user-select: none;
  cursor: pointer;
}
.ys-space .iSzleq {
  padding: 0px 18px;
  background-color: rgb(255, 255, 255);
}

.ys-space .gmYFDX {
  border-color: rgba(4, 4, 5, 0.1);
  color: rgb(4, 4, 5);
  background: transparent;
}

.ys-space .aYNRt {
  background: rgb(255, 255, 255);
  color: rgb(0, 102, 255);
  position: relative;
  margin: 4px;

  margin-bottom: 32px;
}

/*************************************************************************/
.ys-goods-detail  .kxXTek {
  -webkit-box-flex: 1;
  flex: 1 0 auto;
  position: relative;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-direction: column;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}
.ys-goods-detail  .bGFtaP {
  position: fixed;
  bottom: 0px;
  left: 0px;
}
.ys-goods-detail .kxXTek {
  -webkit-box-flex: 1;
  flex: 1 0 auto;
  position: relative;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-direction: column;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}
.ys-goods-detail .hzWhDQ {
  top: 78px;
  z-index: 10;
  padding-top: 64px;
  padding-bottom: 64px;
  -webkit-box-flex: 1;
  flex: 1 0 auto;
  right: 515px;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-direction: column;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}
.ys-goods-detail .liahhj {
  max-height: 100%;
}
.ys-goods-detail .hBYbeP {
  width: 100%;
  margin: 0px auto;
  max-width: 1020px;
}
.ys-goods-detail .joygjw {
  max-height: 100%;
  padding-left: 10%;
  padding-right: 10%;
}
.ys-goods-detail .dqrpjT {
  width: 100%;
  height: 100%;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
}
.ys-goods-detail .gnBPmJ {
  transition: opacity 0.33s ease-in-out 0s;
  opacity: 0;
  position: absolute;
}
.ys-goods-detail .iduHXF {
  opacity: 1;
  position: relative;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
}
.ys-goods-detail .dOdTte {
  margin-top: 16px;
  -webkit-box-flex: 1;
  flex: 1 0 auto;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-direction: column;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}
.ys-goods-detail .kdHsHd {
  padding-left: 32px;
  padding-right: 32px;
}
.ys-goods-detail .fIPEUP {
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}
.ys-goods-detail .kvViGK {
  font-family: inherit;
  font-weight: 900;
  vertical-align: inherit;
}
.ys-goods-detail .hoRvql {
  margin-left: 16px;
  flex-direction: row;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}
.ys-goods-detail .kcVguc {
  display: flex;
  flex-flow: row nowrap;
  white-space: nowrap;
  background-color: rgba(4, 4, 5, 0.08);
  line-height: 40px;
  height: 40px;
  padding-left: 22px;
  padding-right: 22px;
  min-width: auto;
  border: 1px solid transparent;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  border-radius: 40px;
  font-size: 14px;
  font-weight: 900;
  font-family: inherit;
  transition: all 0.12s ease-in-out 0s;
  transform-origin: center center;
  user-select: none;
  cursor: pointer;
}
.ys-goods-detail .gmYFDX {
  border-color: rgba(4, 4, 5, 0.1);
  color: rgb(4, 4, 5);
  background: transparent;
}
  .hpoLtN {
  -webkit-box-flex: 1;
  flex: 1 0 auto;
  padding-left: 957px;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-direction: column;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}
.ys-goods-detail .hpoLtN {
  -webkit-box-flex: 1;
  flex: 1 0 auto;
  padding-left: 957px;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-direction: column;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}
.ys-goods-detail .LSbsD {
  overflow-wrap: break-word;
  font-size: 30px;
  line-height: 1.25;
}
.ys-goods-detail .iihcde {
  flex-direction: row;
  align-items: flex-start;
  -webkit-box-pack: justify;
  justify-content: space-between;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-basis: auto;
  display: flex;
}
.ys-goods-detail .jZIhBR {
  width: 13.2px;
  height: 13.2px;
  vertical-align: inherit;
}
.ys-goods-detail .jdNDQo:hover {
  background: transparent;
  color: rgb(4, 4, 5);
  border-color: rgba(4, 4, 5, 0.18);
}
.ys-goods-detail .lcA-dFo {
  height: 40px;
  width: 40px;
  border: 1px solid transparent;
  -webkit-box-align: center;
  align-items: center;
  cursor: pointer;
  outline: none;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  transition: all 0.12s ease-in-out 0s;
  border-radius: 40px;
  background-color: rgba(4, 4, 5, 0.08);
  color: rgb(4, 4, 5);
  transform-origin: center center;
}
.ys-goods-detail .jdNDQo {
  border-color: rgba(4, 4, 5, 0.1);
  color: rgba(4, 4, 5, 0.8);
  background: transparent;
}
.ys-goods-detail .SNHeK {
  margin-top: 4px;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}
.ys-goods-detail .fXszZH {
  font-size: 14px;
  line-height: 24px;
}
.ys-goods-detail .cJsFMg {
  font-family: inherit;
  font-weight: inherit;
  color: rgb(128, 128, 128);
  margin-left: 4px;
  margin-right: 4px;
  vertical-align: inherit;
}
.ys-goods-detail .jIOYeM {
  padding-left: 32px;
  padding-right: 32px;
}
.ys-goods-detail .GrfUT {
  white-space: pre-wrap;
  overflow-wrap: break-word;
}
.ys-goods-detail .cFIKdt {
  margin-top: 8px;
  -webkit-box-flex: 1;
  flex: 1 0 auto;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-direction: column;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}
.ys-goods-detail .kEYmHp {
  padding-left: 32px;
  padding-right: 32px;
}
.ys-goods-detail .bwBgiV {
  width: 48%;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}
.ys-goods-detail .dAtpZw {
  color: rgb(4, 4, 5);
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}
.ys-goods-detail .icLPnL {
  font-family: inherit;
  font-weight: 900;
  color: rgb(128, 128, 128);
  font-size: 13px;
  vertical-align: inherit;
}
.ys-goods-detail .hlnpWc {
  border-width: 0px;
  border-style: solid;
  border-color: rgb(4, 4, 5);
}
.ys-goods-detail .SNHeK {
  margin-top: 4px;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}
.ys-goods-detail .ccOAwW {
  margin-top: 8px;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}
.ys-goods-detail .jtIZqj {
  flex-direction: row;
  -webkit-box-align: center;
  align-items: center;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-basis: auto;
  display: flex;
}
.ys-goods-detail .jnPLac {
  width: 40px;
  height: 40px;
}
.ys-goods-detail .bzLuzV {
  text-decoration: none;
  color: rgb(0, 102, 255);
}
.ys-goods-detail .iJAXPf {
  background-color: rgb(255, 255, 255);
  position: relative;
  border-radius: 100%;
  z-index: 1;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
}
.ys-goods-detail .hqzvpz {
  object-fit: cover;
  border-radius: 40px;
  vertical-align: inherit;
}
.ys-goods-detail .eQUdeu {
  position: absolute;
  right: -5px;
  bottom: -5px;
  z-index: 10;
}
.ys-goods-detail .iriXCP {
  flex-shrink: 1;
  -webkit-box-flex: 1;
  flex-grow: 1;
  margin-left: 20px;
}

.ys-goods-detail .ikhqOo {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 100%;
  font-family: inherit;
  font-weight: 900;
  font-size: 15px;
  color: rgb(4, 4, 5);
  vertical-align: inherit;
}
.ys-goods-detail .kEYmHp {
  padding-left: 16px;
  padding-right: 16px;
  margin-bottom: 16px;
  flex-direction: row;
  -webkit-box-pack: justify;
  justify-content: space-between;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}
.ys-goods-detail .bwBgiV {
  width: 48%;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}
.ys-goods-detail .iCZHbz {
  display: flex;
  flex-direction: row;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-basis: auto;
  -webkit-box-align: stretch;
  align-items: stretch;
}
.ys-goods-detail .RWHKB {
  font-family: inherit;
  font-weight: inherit;
  color: rgb(4, 4, 5);
  vertical-align: inherit;
}
.ys-goods-detail .GRpwn {
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(20px);
  transform: translateZ(0px);
}
.ys-goods-detail .hlnpWc {
  border-width: 0px;
  border-style: solid;
  border-color: rgb(4, 4, 5);
}
.ys-goods-detail .fmulq {
  top: 78px;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}
.ys-goods-detail .kdXDqZ {
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 8px;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}

.ys-goods-detail .iEOpyR {
  position: relative;
  flex-shrink: 1;
  -webkit-box-flex: 1;
  flex-grow: 1;
}
.ys-goods-detail .fIPEUP {
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}

.ys-goods-detail .tKtGc {
  flex-flow: row nowrap;
  -webkit-box-align: stretch;
  align-items: stretch;
  max-width: initial;
  min-width: 100%;
  width: auto;
  border-bottom: 1px solid rgb(230, 230, 230);
}
.ys-goods-detail .tKtGc > :not(:last-child) {
  margin-right: 22px;
}
.ys-goods-detail .ceRzSt {
  color: rgba(4, 4, 5, 0.6);
  -webkit-box-pack: center;
  justify-content: center;
  position: relative;
  padding-bottom: 2px;
}
.ys-goods-detail .dQybpx {
  color: rgb(4, 4, 5);
  -webkit-box-pack: center;
  justify-content: center;
  position: relative;
  padding-bottom: 2px;
}
.ys-goods-detail .gApnkC {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background: rgb(4, 4, 5);
  height: 1px;
  width: 100%;
}
.ys-goods-detail .eUKpaw {
  -webkit-box-flex: 1;
  flex: 1 0 auto;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-direction: column;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}
.ys-goods-detail .gdhXKD {
  flex-direction: row;
  -webkit-box-align: stretch;
  align-items: stretch;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-basis: auto;
  display: flex;
}
.ys-goods-detail .jnPLac {
  width: 40px;
  height: 40px;
}
.ys-goods-detail .iriXCP {
  flex-shrink: 1;
  -webkit-box-flex: 1;
  flex-grow: 1;
  margin-left: 20px;
}
.ys-goods-detail .ikhqOo {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 100%;
  font-family: inherit;
  font-weight: 900;
  font-size: 15px;
  color: rgb(4, 4, 5);
  vertical-align: inherit;
}


.ys-goods-detail .iriXCP {
  flex-shrink: 1;
  -webkit-box-flex: 1;
  flex-grow: 1;
  margin-left: 20px;
}

.ys-goods-detail .ikhqOo {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 100%;
  font-family: inherit;
  font-weight: 900;
  font-size: 15px;
  color: rgb(4, 4, 5);
  vertical-align: inherit;
}

.ys-goods-detail .ETmFj {
  font-family: inherit;
  font-weight: inherit;
  color: rgb(128, 128, 128);
  vertical-align: inherit;
}
.ys-goods-detail .hWYpcx {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 100%;
  font-family: inherit;
  font-weight: 500;
  margin-top: 4px;
  font-size: 13px;
  color: rgb(128, 128, 128);
  vertical-align: inherit;
}

.ys-goods-detail .iYlzTX {
  justify-content: stretch;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}

.ys-goods-detail .iriXCP {
  flex-shrink: 1;
  -webkit-box-flex: 1;
  flex-grow: 1;
  margin-left: 20px;
}
.ys-goods-detail .bcIMwY {
  position: sticky;
  bottom: 0px;
  box-shadow: none;
  border-top: 1px solid rgba(4, 4, 5, 0.1);
  background: rgb(255, 255, 255);
  z-index: 10;
}

.ys-goods-detail .bcIMwY {
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(20px);
  transform: translateZ(0px);
}
.ys-goods-detail .dugToD {
  padding-top: 32px;
  padding-bottom: 32px;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}
.ys-goods-detail .cqfjFa {
  padding-bottom: env(safe-area-inset-bottom);
}
.ys-goods-detail .jdZRXb {
  padding-left: 32px;
  padding-right: 32px;
}
.ys-goods-detail .kXzaWY {
  margin-bottom: 24px;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}
.ys-goods-detail .jtIZqj {
  flex-direction: row;
  -webkit-box-align: center;
  align-items: center;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-basis: auto;
  display: flex;
}
.ys-goods-detail .iEZsSN {
  margin-top: 16px;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}


.ys-goods-detail  .bwBgiV {
  width: 48%;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}
.ys-goods-detail .bwBgiV {
  width: 48%;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}

.ys-goods-detail .dBOiWG {
  display: flex;
  flex-flow: row nowrap;
  white-space: nowrap;
  background-color: rgba(4, 4, 5, 0.08);
  line-height: 48px;
  height: 48px;
  padding-left: 26.4px;
  padding-right: 26.4px;
  min-width: 100%;
  border: 1px solid transparent;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  border-radius: 48px;
  font-size: 15px;
  font-weight: 900;
  font-family: inherit;
  transition: all 0.12s ease-in-out 0s;
  transform-origin: center center;
  user-select: none;
  cursor: pointer;
}
.ys-goods-detail .cvygfi {
  border-color: rgb(0, 102, 255);
  color: rgb(255, 255, 255);
  background: rgb(0, 102, 255);
}
.ys-goods-detail .bqkKQj {
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  align-items: center;
  flex-direction: row;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-basis: auto;
  display: flex;
}
.ys-goods-detail .lgaBJv {
  -webkit-box-pack: center;
  justify-content: center;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}
.ys-goods-detail .iriXCP {
  flex-shrink: 1;
  -webkit-box-flex: 1;
  flex-grow: 1;
  margin-left: 20px;
}
.ys-goods-detail .ikhqOo {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 100%;
  font-family: inherit;
  font-weight: 900;
  font-size: 15px;
  color: rgb(4, 4, 5);
  vertical-align: inherit;
}
.ys-goods-detail .hWYpcx {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 100%;
  font-family: inherit;
  font-weight: 500;
  margin-top: 4px;
  font-size: 13px;
  color: rgb(128, 128, 128);
  vertical-align: inherit;
}
.ys-goods-detail .bcIMwY {
  position: sticky;
  bottom: 0px;
  box-shadow: none;
  border-top: 1px solid rgba(4, 4, 5, 0.1);
  background: rgb(255, 255, 255);
  z-index: 10;
}
body .dbOata {
  max-width: 100%;
  min-height: 100vh;
  width: 100%;
}
.ys-goods-detail .KAQCO {
  margin-left: 8px;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}
.ys-goods-detail .dqrpjT {
  width: 100%;
  height: 100%;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
}
.ys-goods-detail .fqbJCS {
  height: auto;
  max-height: 100%;
  max-width: 100%;
}

/***********   .ys-top   *************************************************************/
.ys-top .lcVIhA {
  font-family: inherit;
  font-weight: 900;
  font-size: 42px;
  align-self: center;
  vertical-align: inherit;
}


.ys-top .bwSZVj {
  -webkit-box-align: center;
  align-items: center;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
}
.ys-top .jyzFRQ {
  width: 100%;
  margin: 0px auto;
  max-width: 815px;
}
.ys-top .SZJJS {
  align-self: start;
  padding-top: 20px;
  padding-bottom: 20px;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}
.ys-top .jARayQ {
  display: inline-block;
}
.ys-top .hqAiOT {
  position: relative;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}
.ys-top .bYlVSP {
  z-index: 5;
  position: absolute;
  top: -5px;
  left: 14px;
  background-color: rgb(255, 255, 255);
  display: inline-block;
  padding: 0px 5px;
  font-size: 11px;
  color: rgb(128, 128, 128);
}
.ys-top .gmYFDX {
  border-color: rgba(4, 4, 5, 0.1);
  color: rgb(4, 4, 5);
  background: transparent;
}
.ys-top .jjeBlp {
  display: flex;
  flex-flow: row nowrap;
  white-space: nowrap;
  background-color: rgba(4, 4, 5, 0.08);
  line-height: 48px;
  height: 48px;
  padding-left: 26.4px;
  padding-right: 26.4px;
  min-width: auto;
  border: 1px solid transparent;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  border-radius: 48px;
  font-size: 15px;
  font-weight: 900;
  font-family: inherit;
  transition: all 0.12s ease-in-out 0s;
  transform-origin: center center;
  user-select: none;
  cursor: pointer;
}
  .bwSZVj {
  -webkit-box-align: center;
  align-items: center;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
}
.ys-top .gmYFDX {
  border-color: rgba(4, 4, 5, 0.1);
  color: rgb(4, 4, 5);
  background: transparent;
}
.ys-top .SZJJS {
  align-self: start;
  padding-top: 20px;
  padding-bottom: 20px;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}
.ys-top .cYRihJ {
  text-align: start;
  font-family: "Circular Std";
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 17px;
  color: rgba(4, 4, 5, 0.4);
}
.ys-top .jNoXIh {
  min-width: 60px;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}

.ys-top .ggyvGS {
  font-family: inherit;
  font-weight: 900;
  color: rgb(4, 4, 5);
  font-size: 18px;
  vertical-align: inherit;
}
.ys-top .hoRNAu:not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.ys-top .hoRNAu {
  vertical-align: middle;
  padding-right: 10px;
  text-align: left;
  font-family: "Circular Std";
  font-style: normal;
  font-weight: 900;
  font-size: 18px;
  line-height: 24px;
}
.ys-top .kcVguc {
  display: flex;
  flex-flow: row nowrap;
  white-space: nowrap;
  background-color: rgba(4, 4, 5, 0.08);
  line-height: 40px;
  height: 40px;
  padding-left: 22px;
  padding-right: 22px;
  min-width: auto;
  border: 1px solid transparent;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  border-radius: 40px;
  font-size: 14px;
  font-weight: 900;
  font-family: inherit;
  transition: all 0.12s ease-in-out 0s;
  transform-origin: center center;
  user-select: none;
  cursor: pointer;
}
.ys-top .gmYFDX {
  border-color: rgba(4, 4, 5, 0.1);
  color: rgb(4, 4, 5);
  background: transparent;
}
.ys-top .byeULl:not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.ys-top .byeULl {
  vertical-align: middle;
  padding-right: 10px;
  text-align: center;
  width: 100%;
  font-family: "Circular Std";
  font-style: normal;
  font-weight: 900;
  font-size: 18px;
  line-height: 24px;
}
.ys-top .faFcxj {
  height: 96px;
}
.ys-top .kgOISm {
  vertical-align: middle;
  padding-right: 10px;
  text-align: center;
  font-family: "Circular Std";
  font-style: normal;
  font-weight: 900;
  font-size: 18px;
  line-height: 24px;
}
















/******=========================*********************************************************************/
  .tippy-box[data-state="visible"] {
  opacity: 1;
  visibility: visible;
}
  .tippy-box {
  position: relative;
  background-color: rgb(255, 255, 255);
  color: rgb(4, 4, 5);
  border-radius: 8px;
  border: 0px solid rgba(255, 255, 255, 0.1);
  font-weight: normal;
  outline: 0px;
  box-shadow: rgba(4, 4, 5, 0.2) 0px 7px 36px -8px;
  transition: all 0.12s ease-in-out 0s;
  opacity: 0;
  visibility: hidden;
  max-width: none !important;
}
.tippy-box .kmCqKN {
  padding: 0px;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
}
.tippy-box  .eRblbP {
  display: flex;
  flex-direction: column;
  -webkit-box-flex: 1;
  flex-grow: 1;
  padding: 16px 0px;
}
.tippy-box .cIjgB {
  display: flex;
  flex-flow: column;
}
.tippy-box .kiPeLy {
  min-width: 280px;
  vertical-align: inherit;
}
.tippy-box .fiElIf {
  padding: 8px 24px;
  text-align: left;
}
.tippy-box .caFVWZ {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 100%;
  font-family: inherit;
  font-weight: 900;
  font-size: 18px;
  color: rgb(4, 4, 5);
  vertical-align: inherit;
}

.tippy-box .kMthTr {
  background: transparent;
  border: none;
  cursor: pointer;
  line-height: normal;
}
.tippy-box .hxqplO {
  color: rgb(0, 102, 255);
  text-align: left;
}
.tippy-box .hweGap {
  -webkit-box-pack: justify;
  justify-content: space-between;
  flex-flow: row nowrap;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}

.tippy-box .ibjjli {
  flex-direction: row;
  -webkit-box-align: start;
  align-items: start;
  flex: 1 1 auto;
  -webkit-box-flex: 1;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  display: flex;
}

.tippy-box .iucdpP {
  margin-right: 16px;
  width: 40px;
  height: 40px;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
}
.tippy-box .fqbJCS {
  height: auto;
  max-height: 100%;
  max-width: 100%;
}

.tippy-box .BkNqh {
  width: 40px;
  height: 40px;
  vertical-align: inherit;
}
.tippy-box .krBuaG {
  flex-shrink: 1;
  word-break: break-all;
}

.tippy-box .kcVguc {
  display: flex;
  flex-flow: row nowrap;
  white-space: nowrap;
  background-color: rgba(4, 4, 5, 0.08);
  line-height: 40px;
  height: 40px;
  padding-left: 22px;
  padding-right: 22px;
  min-width: auto;
  border: 1px solid transparent;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  border-radius: 40px;
  font-size: 14px;
  font-weight: 900;
  font-family: inherit;
  transition: all 0.12s ease-in-out 0s;
  transform-origin: center center;
  user-select: none;
  cursor: pointer;
}

.tippy-box .gmYFDX {
  border-color: rgba(4, 4, 5, 0.1);
  color: rgb(4, 4, 5);
  background: transparent;
}
.tippy-box .dzBcKB > :not(:last-child) {
  margin-bottom: 12px;
}
.tippy-box .dBOiWG {
  display: flex;
  flex-flow: row nowrap;
  white-space: nowrap;
  background-color: rgba(4, 4, 5, 0.08);
  line-height: 48px;
  height: 48px;
  padding-left: 26.4px;
  padding-right: 26.4px;
  min-width: 100%;
  border: 1px solid transparent;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  border-radius: 48px;
  font-size: 15px;
  font-weight: 900;
  font-family: inherit;
  transition: all 0.12s ease-in-out 0s;
  transform-origin: center center;
  user-select: none;
  cursor: pointer;
}
.tippy-box .hSBAPe {
  color: rgb(26, 31, 113);
  margin-left: 5px;
}

.tippy-box .ANExl {
  width: 32px;
  height: 32px;
  vertical-align: inherit;
}
.tippy-box .jppoHH {
  background-color: rgb(230, 230, 230);
  height: 1px;
  padding-top: 0px;
  padding-bottom: 0px;
  margin-top: 12px;
  margin-bottom: 12px;
}

.tippy-box .fiElIf {
  padding: 8px 24px;
  text-align: left;
}

.tippy-box .lbvkdu {
  cursor: pointer;
  color: rgb(4, 4, 5);
  transition: all 0.12s ease-in-out 0s;
  text-align: left;
  min-height: 35px;
  padding: 8px 12px;
  margin: 0px 12px;
  border-radius: 6px;
}
.tippy-box .jppoHH {
  background-color: rgb(230, 230, 230);
  height: 1px;
  padding-top: 0px;
  padding-bottom: 0px;
  margin-top: 12px;
  margin-bottom: 12px;
}

.tippy-box .irzWzB {
  display: flex;
  flex-flow: row;
  -webkit-box-align: center;
  align-items: center;
}
.tippy-box .ouiVs {
  position: relative;
  width: 28px;
  height: 16px;
  background-color: rgb(0, 102, 255);
  border-radius: 28px;
  transition: all 0.12s ease-in-out 0s;
}
.tippy-box .ewLDke {
  opacity: 1;
  background-color: rgb(255, 255, 255);
  width: 8px;
  height: 8px;
  border-radius: 8px;
  position: absolute;
  transition: all 0.12s ease-in-out 0s;
  top: 4px;
  left: 4px;
  transform: translateX(12px);
}



.gJCbJF {
  height: 48px;
  width: 48px;
  border: 1px solid transparent;
  -webkit-box-align: center;
  align-items: center;
  cursor: pointer;
  outline: none;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  transition: all 0.12s ease-in-out 0s;
  border-radius: 48px;
  background-color: rgba(4, 4, 5, 0.08);
  color: rgb(4, 4, 5);
  transform-origin: center center;
}

.bGFdea {
  border-color: rgba(4, 4, 5, 0.1);
  color: rgba(4, 4, 5, 0.8);
  background: transparent;
}
.nqwYR {
  background: rgb(255, 255, 255);
  z-index: 10;
  width: 40px;
  height: 40px;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  position: absolute;
  left: -10px;
  right: auto;
  top: 50%;
  transform: translate(0px, -50%) scale(1);
}

.hrwcqZ {
  background: rgb(255, 255, 255);
  z-index: 10;
  width: 40px;
  height: 40px;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  position: absolute;
  left: auto;
  right: -10px;
  top: 50%;
  transform: translate(0px, -50%) scale(1);
}

.hrwcqZ:hover, .hrwcqZ:focus {
  background: rgb(255, 255, 255);
  color: rgb(4, 4, 5);
}

.nqwYR:hover, .nqwYR:focus {
  background: rgb(255, 255, 255);
  color: rgb(4, 4, 5);
}

.nqwYR {

}
.swiper-container {
  width: 100%;
  height: 100%;
}

.hot-bids-Page .swiper-container{
  position: relative;
  width: 100%;
  height: 100%;
}
.hot-bids-Page .swiper-container .swiper-slide{
  width: 100%;
  color: #000;
  font-size: 16px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  height: 100%;
  width: initial;
  padding: 20px;
}


.hot-bids-Page .swiper-button-next  {
  background:none;
  right:  10px;
  left: auto;
  height: 48px;
  width: 48px;
}

.hot-bids-Page .swiper-button-prev {
  background:none;
  left:  10px;
  right: auto;
  height: 48px;
  width: 48px;
}
.hot-bids-Page .swiper-pagination {
  display: none;
}

.hot-bids-Page  .jdNDQo {
  border-color: rgba(4, 4, 5, 0.1);
  color: rgba(4, 4, 5, 0.8);
  background: #ffffff;
}


.hot-collections-Page{ padding:  0 20px;}


.fTwFWY {
  z-index: 100;
  position: sticky;
  width: 100%;
  top: 0px;
  transform: translate3d(0px, 0px, 0px);
}


.my-list-li{
  float: left; width: calc(20% -  0px); height: 420px;   padding: 10px 10px 10px 0px;
}

.small-filters{ display: none;}

.ejsMZf {
  padding-left: 32px;
  padding-right: 32px;
}

.cijSUD {
  border-width: 0px;
  border-style: solid;
  border-color: rgb(255, 255, 255);
}

.ejsMZf {
  padding-left: 16px;
  padding-right: 16px;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
}

.ejsMZf {
  padding-left: 16px;
  padding-right: 16px;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
}
.bFbbRm {
  height: 46px;
  position: relative;
  color: white;
  background: linear-gradient(91.34deg, rgb(12, 80, 255) 6.98%, rgb(91, 157, 255) 46.77%, rgb(255, 116, 241) 78.38%);
  cursor: pointer;
}
.jRZApa {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 100%;
  font-family: inherit;
  font-weight: 900;
  vertical-align: inherit;
  text-align: center;
}
.ia-dQEK {
  line-height: 46px;
}
.cijSUD {
  border-width: 0px;
  border-style: solid;
  border-color: rgb(255, 255, 255);
}
.top-tsk .kJwJYF {
  position: absolute;
  top: 50%;
  z-index: 10;
  right: 0px;
  transform: translateY(-50%);
}
body .top-tsk  .jGnAEF {
  color: rgba(255, 255, 255, 0.8);
  background: transparent;
}
.ejsMZf {
  padding-left: 16px;
  padding-right: 16px;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  vertical-align: inherit;
  max-width: 100%;
  min-height: 0px;
  min-width: 0px;
  flex-shrink: 0;
  flex-direction: column;
  flex-basis: auto;
  display: flex;
}
.ys-header .small-nav-drop{
 display: none;
}
  .ys-header  .small-nav-search{
  display: none;
}

.ys-header .top-form:focus-within {
  background: rgba(4, 4, 5, 0);
  border-color: rgba(4, 4, 5, 0.3);
  box-shadow: rgba(4, 4, 5, 0.06) 0px 0px 0px 4px;
}
.ys-header .top-form:hover {
  border-color: rgba(4, 4, 5, 0.1);
  border-color: rgba(4, 4, 5, 0.3);
  box-shadow: rgba(4, 4, 5, 0.06) 0px 0px 0px 4px;
}

.hhivb {
  padding-left: 32px;
  padding-right: 32px;
}


.hTlBIv {
  font-family: inherit;
  font-weight: 900;
  color: rgb(0, 102, 255);
  vertical-align: inherit;
  background: linear-gradient(126.49deg, rgb(0, 163, 255) 0%, rgb(0, 102, 255) 100%) text;
}

.hTlBIv {
  display: block;
  margin-top: 2px;
  font-size: 13px;
  min-height: 17px;
  line-height: 17px;
  color: rgb(128, 128, 128);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 100%;
  font-family: inherit;
  font-weight: inherit;
  vertical-align: inherit;
}

.kAFpxS {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 100%;
  font-family: inherit;
  font-weight: 900;
  vertical-align: inherit;
  color: rgb(4, 4, 5);
}


  /****************** dark *********************************************************/
body .dark .iVawuy{
  background: rgba(18, 18, 18, 0.7);
  backdrop-filter: blur(20px);
  transform: translateZ(0px);
}

body .dark {

  color: rgb(255, 255, 255);
  background: rgb(18, 18, 18);
}



.dark .t-small-area .lcA-dFo {
  height: 40px;
  width: 40px;
  border: 1px solid transparent;
  -webkit-box-align: center;
  align-items: center;
  cursor: pointer;
  outline: none;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  transition: all 0.12s ease-in-out 0s;
  border-radius: 40px;
  background-color: rgba(255, 255, 255, 0.08);
  color: rgb(255, 255, 255);
  transform-origin: center center;
}
.dark .t-small-area .jdNDQo {
  border-color: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.8);
  background: transparent;
}


.dark  .ys-header .jxdTsu {
  transition: all 0.12s ease-in-out 0s;
  color: rgba(255, 255, 255, 0.5);
  height: 40px;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  flex-direction: row;
  cursor: pointer;
}

.dark .kBjimt {
  height: 40px;
  width: 40px;
  border: 1px solid transparent;
  -webkit-box-align: center;
  align-items: center;
  cursor: pointer;
  outline: none;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  transition: all 0.12s ease-in-out 0s;
  border-radius: 40px;
  background-color: rgba(255, 255, 255, 0.08);
  color: rgb(255, 255, 255);
  transform-origin: center center;
}
.dark .ys-header .t-big-area .gmYFDX {
  border-color: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.8);
  background: transparent;
}

.dark .ys-header .t-big-area .kcVguc {
  display: flex;
  flex-flow: row nowrap;
  white-space: nowrap;
  background-color: rgba(255, 255, 255, 0.08);
  line-height: 40px;
  height: 40px;
  padding-left: 22px;
  padding-right: 22px;
  min-width: auto;
  border: 1px solid transparent;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  border-radius: 40px;
  font-size: 14px;
  font-weight: 900;
  font-family: inherit;
  transition: all 0.12s ease-in-out 0s;
  transform-origin: center center;
  user-select: none;
  cursor: pointer;
}

.dark  .jnJMvE {
  border-color: rgba(255, 255, 255, 0.1);
  color: rgb(255, 255, 255);
  background: transparent;
}


.dark  .hrwcqZ:hover,.dark  .hrwcqZ:focus {
  background: rgb(18, 18, 18);
  z-index: 10;
  width: 40px;
  height: 40px;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  position: absolute;
  left: auto;
  right: -10px;
  top: 50%;
  transform: translate(0px, -50%) scale(1);
}

.dark   .hrwcqZ {
  background: rgb(18, 18, 18);
  z-index: 10;
  width: 40px;
  height: 40px;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  position: absolute;
  left: auto;
  right: -10px;
  top: 50%;
  transform: translate(0px, -50%) scale(1);
}
.dark   .hrwcqZ {
  border-color: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.8);
  background: transparent;
}

.dark  .nqwYR{
  background: rgb(18, 18, 18);
  z-index: 10;
  width: 40px;
  height: 40px;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  position: absolute;
  left: -10px;
  right: auto;
  top: 50%;
  transform: translate(0px, -50%) scale(1);
}
.dark  .nqwYR {
  border-color: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.8);
  background: transparent;
}

.dark .hfdEax{
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 1;
  height: 100%;
  width: 100%;
  position: relative;
  background: rgb(18, 18, 18);
  padding: 0px;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  overflow: hidden;
}
.dark  .ibEkut{
  transition: all 0.12s ease-in-out 0s;
  color: rgba(255, 255, 255, 0.5);
  height: 40px;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  flex-direction: row;
  cursor: pointer;
}
.dark .tippy-box {
  position: relative;
  background-color: rgb(31, 31, 31);
  color: rgb(255, 255, 255);
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  font-weight: normal;
  outline: 0px;
  box-shadow: none;
  transition: all 0.12s ease-in-out 0s;
  opacity: 0;
  visibility: hidden;
  max-width: none !important;
}
.dark .tippy-box .lbvkdu {
  cursor: pointer;
  color: rgb(255, 255, 255);
  transition: all 0.12s ease-in-out 0s;
  text-align: left;
  min-height: 35px;
  padding: 12px 16px;
  margin: 0px 12px;
  border-radius: 8px;
}
.dark .tippy-box .lbvkdu:hover {
  background: #2a2a2a;
}
.dark .kCskQI:hover {
  color: rgb(250, 250, 250);
}
.dark .getUbo {
  color: rgb(255, 255, 255);
}
body .dark  .faTBzt  {
  flex-direction: row;
  -webkit-box-flex: 1;
  flex-grow: 1;
  -webkit-box-align: stretch;
  align-items: stretch;
  border: 1px solid transparent;
  background: rgba(255, 255, 255, 0.07);
  height: 40px;
  padding: 0px 16px;
  border-radius: 24px;
  transition: all 0.12s ease-in-out 0s;
  color: rgba(255, 255, 255, 0.8);
}

body .faTBzt:focus  {
  background: rgba(255, 255, 255, 0);
  border-color: rgba(255, 255, 255, 0.3);
  box-shadow: rgba(255, 255, 255, 0.06) 0px 0px 0px 4px;
}
body .faTBzt:hover {
  border-color: rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0);
  border-color: rgba(255, 255, 255, 0.3);
  box-shadow: rgba(255, 255, 255, 0.06) 0px 0px 0px 4px;
}
.dark  .YYmFn {
  background: transparent;
  border-width: 0px;
  color: rgba(255, 255, 255, 0.8);
  outline: none;
  font-size: 15px;
}
.dark   .ys-header .kcVguc {
  border-color: rgba(255, 255, 255, 0.1);
  color: rgb(255, 255, 255);
  background: transparent;
}
.dark   .ys-header .gAApEQ {
  background-image: linear-gradient(to right, rgb(255, 0, 184) 0%, rgb(100, 161, 255) 50%, rgb(0, 102, 255) 100%);
  background-size: 200%;
  color: rgb(255, 255, 255);
  border: 0px;
  transition: all 0.5s ease-in-out 0s;
}
.dark  .ekQXBL {
  font-family: inherit;
  font-weight: 900;
  color: rgb(255, 255, 255);
  font-size: 15px;
  vertical-align: inherit;
}

.dark .lctxxM {
  font-family: inherit;
  font-weight: inherit;
  color: rgb(128, 128, 128);
  font-size: 14px;
  vertical-align: inherit;
}
.see-all {
  display: flex;
  flex-flow: row nowrap;
  white-space: nowrap;
  background-color: rgba(255, 255, 255, 0.08);
  line-height: 40px;
  height: 40px;
  padding-left: 22px;
  padding-right: 22px;
  min-width: auto;
  border: 1px solid transparent;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  border-radius: 40px;
  font-size: 14px;
  font-weight: 900;
  font-family: inherit;
  transition: all 0.12s ease-in-out 0s;
  transform-origin: center center;
  user-select: none;
  cursor: pointer;
}
.dark  .see-all {
  border-color: rgba(255, 255, 255, 0.1);
  color: rgb(255, 255, 255);
  background: transparent;
}


.dark .gMUtKK ,.dark .gMUtKK:hover, .dark  .gMUtKK:focus, .dark .gMUtKK:active {
  color: rgba(255, 255, 255, 0.9);

  color: rgb(255, 255, 255);
  cursor: pointer;
}

.dark  .bbbkjq {
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  user-select: none;
  height: 32px;
  padding-left: 16px;
  padding-right: 16px;
  position: relative;
  border-radius: 32px;
  border: 2px solid transparent;
  background: rgb(18, 18, 18);
  color: rgb(255, 255, 255);
  margin: 2px;
}

.sc-hlXxXZ + .sc-hlXxXZ::before {
  content: ":";
  animation: 1s ease-in-out 0s infinite normal none running gvscPF;
}
.jBEiGP{
  display: none;;
}
.jBEiGP::before{
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: -1;
  margin: -4px;
  border-radius: 32px;
  background: linear-gradient(to right, rgb(12, 80, 255) 0%, rgb(12, 80, 255) 24%, rgb(91, 157, 255) 55.73%, rgb(255, 116, 241) 75%, rgb(255, 116, 241) 100%);
  padding: 2px 8px 3px;
  border-radius: 8px;
  height: auto;
  border-radius: 10px;
}

.dark   .kAFpxS {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 100%;
  font-family: inherit;
  font-weight: 900;
  vertical-align: inherit;
  color: rgb(255, 255, 255);
}


.dark  .qqXDi {
  font-family: inherit;
  font-weight: 900;
  vertical-align: inherit;
  font-size: 18px;
  color: rgb(255, 255, 255);
}
.dark .iSKIaj{

  -webkit-box-align: stretch;
  align-items: stretch;
  flex-direction: row;
  font-size: 15px;
  border: 1px solid transparent;
  background: rgba(255, 255, 255, 0.07);
  height: 56px;
  padding: 0px 95px 0px 20px;
  border-radius: 28px;
  transition: all 0.12s ease-in-out 0s;
}
.dark .gEJdXd {
  font-family: inherit;
  font-weight: 900;
  color: rgb(255, 255, 255);
  vertical-align: inherit;
}

.dark .bhqkMG:hover {
  background: rgba(255, 255, 255, 0.9);
  color: rgb(18, 18, 18);
}
.dark .bhqkMG:hover {
  background-color: rgba(255, 255, 255, 0.05);
  color: rgb(255, 255, 255);
}

.dark .bhqkMG {
  background: rgb(255, 255, 255);
  color: rgb(18, 18, 18);
  overflow: hidden;
  border: 0px;
}
.dark .hlnpWc .jnJMvE:hover {
  background: transparent;
  color: rgb(255, 255, 255);
  border-color: rgba(255, 255, 255, 0.18);
}

.dark  .gmYFDX{
  border-color: rgba(255, 255, 255, 0.1);
  color: rgb(255, 255, 255);
  background: transparent;
}


.dark  .dNwIYm{
  color: rgba(255, 255, 255, 0.4);
}

.dark  .ys-connect .blue-bg{
  border-color: rgb(45, 129, 255);
  color: rgb(255, 255, 255);
  background: rgb(45, 129, 255);
}


.dark .kexosn {
  z-index: 5;
  position: absolute;
  top: -5px;
  max-width: 80%;
  left: 14px;
  background-color: rgb(18, 18, 18);
  display: inline-block;
  padding: 0px 5px;
  font-size: 11px;
  color: rgb(128, 128, 128);
}
.dark .bYlVSP{
  z-index: 5;
  position: absolute;
  top: -5px;
  left: 14px;
  background-color: rgb(18, 18, 18);
  display: inline-block;
  padding: 0px 5px;
  font-size: 11px;
  color: rgb(128, 128, 128);
}
.dark  .ys-space .dQybpx{
  color: rgb(255, 255, 255);
  -webkit-box-pack: center;
  justify-content: center;
  position: relative;
  padding-bottom: 2px;
}


.dark .ys-space .ceRzSt{
  color: rgba(255, 255, 255, 0.6);
  -webkit-box-pack: center;
  justify-content: center;
  position: relative;
  padding-bottom: 2px;
}
.dark .gcTYWf{
  flex-flow: row nowrap;
  -webkit-box-align: stretch;
  align-items: stretch;
  max-width: initial;
  min-width: 100%;
  width: auto;
  border-bottom: 1px solid rgb(41, 41, 41);
}
